/* Trading Desk chart (step 71, part C): a chart-first workspace. Colours come from the --tdc-* variables that assets/js/td-chart.js sets (dark / light). */
.tdc{--tdc-bg:#131722;--tdc-panel:#1e222d;--tdc-panel2:#2a2e39;--tdc-border:#2a2e39;--tdc-text:#8f94a3;--tdc-strong:#d1d4dc;--tdc-muted:#787b86;--tdc-accent:#2962ff;--tdc-up:#26a69a;--tdc-down:#ef5350;--tdc-gold:#d7ab54;
    position:relative;display:flex;flex-direction:column;height:clamp(560px,84vh,920px);background:var(--tdc-bg);color:var(--tdc-text);border:1px solid var(--tdc-border);border-radius:10px;overflow:hidden;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;line-height:1.4}
.tdc *,.tdc *::before,.tdc *::after{box-sizing:border-box}
.tdc button,.tdc input,.tdc select,.tdc textarea{font-family:inherit}
.tdc svg.tdi{display:block;flex:0 0 auto;pointer-events:none}
.tdc svg.tdi .f{fill:currentColor}

/* full screen: the Full screen button (real full screen, or the whole window when the browser does not allow it) */
.tdc:fullscreen{height:100vh;width:100vw;border-radius:0;border:0}
.tdc.tdc-page-full{position:fixed;inset:0;z-index:2147483000;height:100vh;width:100vw;border-radius:0;border:0}
html.tdc-noscroll,html.tdc-noscroll body{overflow:hidden}

/* right: watchlist panel + icon rail */
.tdc-right{position:relative;width:290px;flex:0 0 290px;display:flex;flex-direction:column;border-left:1px solid var(--tdc-border);background:var(--tdc-bg);min-height:0}
.tdc-rpane{flex:1;display:flex;flex-direction:column;min-height:0}
.tdc-rsplit{position:absolute;left:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:4;touch-action:none}
.tdc-rsplit:hover,.tdc-rsplit:active{background:rgba(41,98,255,.35)}
.tdc-rpad{padding:12px 14px}
.tdc-right.tdc-narrow .tdc-wcols,.tdc-right.tdc-narrow .tdc-wrow{grid-template-columns:minmax(70px,1.3fr) 1fr .9fr}
.tdc-right.tdc-narrow .tdc-wcols span:nth-child(3),.tdc-right.tdc-narrow .tdc-wrow>span:nth-child(3){display:none}
.tdc-rhead{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 14px;border-bottom:1px solid var(--tdc-border);min-height:40px}
.tdc-rhead b{color:var(--tdc-strong);font-size:14px}
.tdc-wcols,.tdc-wrow{display:grid;grid-template-columns:minmax(80px,1.35fr) 1fr .85fr .85fr;gap:4px;align-items:center}
.tdc-wcols{padding:6px 14px;font-size:11px;color:var(--tdc-muted);border-bottom:1px solid var(--tdc-border)}
.tdc-wcols span:not(:first-child){text-align:right}
.tdc-wlist{flex:1;overflow-y:auto;min-height:0}
.tdc-wrow{width:100%;padding:8px 14px;background:transparent;border:0;border-bottom:1px solid transparent;color:var(--tdc-text);cursor:pointer;font-size:12px;text-align:left}
.tdc-wrow:hover{background:var(--tdc-panel)}
.tdc-wrow.on{background:var(--tdc-panel2)}
.tdc-wsym{display:flex;align-items:center;gap:7px;min-width:0}
.tdc-wsym b{color:var(--tdc-strong);font-size:13px;overflow:hidden;text-overflow:ellipsis}
.tdc-wpx{text-align:right;color:var(--tdc-strong);font-variant-numeric:tabular-nums}
.tdc-wch{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.tdc-wch.u{color:var(--tdc-up)}.tdc-wch.d{color:var(--tdc-down)}
.tdc-dot{width:6px;height:6px;border-radius:50%;background:var(--tdc-up);display:inline-block;flex:0 0 auto}
.tdc-dot.off,.tdc-dot.st-closed,.tdc-dot.st-nodata{background:var(--tdc-muted)}.tdc-dot.st-stale{background:#f5b942}.tdc-dot.st-disconnected{background:var(--tdc-down)}
.tdc-sempty{color:var(--tdc-muted);padding:12px 14px;font-size:12px;margin:0}
.tdc-rail{width:46px;flex:0 0 46px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border-left:1px solid var(--tdc-border);background:var(--tdc-bg)}
.tdc-rbtn{width:36px;height:38px;padding:0;color:var(--tdc-text)}
.tdc-rbtn:hover{color:var(--tdc-strong)}
.tdc-rbtn.on{color:var(--tdc-accent);background:var(--tdc-panel2)}
.tdc-rbtn .tdc-lock{position:absolute;right:2px;bottom:3px;background:var(--tdc-bg);border-radius:3px;padding:1px}
.tdc-logo{position:absolute;left:12px;bottom:34px;z-index:2;opacity:.9;pointer-events:none;user-select:none}
/* the site's floating Offer card would cover the drawing tools of the chart on this page */
.offer-card{display:none !important}
.tdc-clock{font-variant-numeric:tabular-nums;min-width:96px}

/* controls bar */
.tdc-top{display:flex;align-items:center;gap:3px;padding:4px 8px;border-bottom:1px solid var(--tdc-border);overflow-x:auto;scrollbar-width:none;flex:0 0 auto}
.tdc-top::-webkit-scrollbar{display:none}
.tdc-btn{background:transparent;border:0;color:var(--tdc-strong);border-radius:6px;min-width:32px;height:32px;padding:0 8px;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;position:relative;text-decoration:none}
.tdc-btn:hover{background:var(--tdc-panel2)}
.tdc-btn.on{background:var(--tdc-panel2);color:var(--tdc-accent)}
.tdc-btn:disabled{opacity:.45;cursor:default}
.tdc-icon{padding:0 6px}
.tdc-tfs{display:flex;gap:1px;flex:0 0 auto}
.tdc-tf{padding:0 9px}
.tdc-tf.on{color:var(--tdc-accent);background:var(--tdc-panel2)}
.tdc-tfmore{min-width:24px;padding:0 4px}
.tdc-symbtn{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--tdc-strong);cursor:pointer;white-space:nowrap}
.tdc-symbtn:hover{background:var(--tdc-panel2)}
.tdc-symbtn b{font-size:15px}
.tdc-symbtn small{color:var(--tdc-muted);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.tdc-sep{width:1px;height:20px;background:var(--tdc-border);margin:0 5px;flex:0 0 auto}
.tdc-spacer{flex:1}
.tdc-status{font-size:12px;font-weight:600;white-space:nowrap;padding:0 8px;color:var(--tdc-muted)}
.tdc-status.ok{color:var(--tdc-up)}.tdc-status.warn{color:#f5b942}.tdc-status.bad{color:var(--tdc-down)}.tdc-status.idle{color:var(--tdc-muted)}
.tdc-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#2962ff;color:#fff;border:0;border-radius:6px;padding:0 14px;height:32px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;font-size:13px}
.tdc-cta:hover{background:#1e4fd8;color:#fff}
.tdc-pro{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:rgba(215,171,84,.15);color:var(--tdc-gold);font-size:12px;font-weight:700;white-space:nowrap}
.tdc-link{color:var(--tdc-text);padding:0 12px}
.tdc-fs.on{color:var(--tdc-accent)}

/* the lock shown on tools that need a subscription */
.tdc-lock{display:inline-flex;color:var(--tdc-gold);line-height:0}
.tdc-tool .tdc-lock{position:absolute;right:1px;bottom:2px;background:var(--tdc-bg);border-radius:3px;padding:1px}
.tdc-wide .tdc-lock{margin-left:2px}

/* middle */
.tdc-main{position:relative;flex:1;display:flex;min-height:0}
.tdc-left{width:46px;flex:0 0 46px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-right:1px solid var(--tdc-border);overflow-y:auto;scrollbar-width:none}
.tdc-left::-webkit-scrollbar{display:none}
.tdc-lgroup{position:relative;display:flex;align-items:center}
.tdc-tool{width:32px;height:34px;padding:0;color:var(--tdc-text)}
.tdc-tool:hover{color:var(--tdc-strong)}
.tdc-tool.on{color:var(--tdc-accent);background:var(--tdc-panel2)}
.tdc-tool.tdc-locked{opacity:.9}
.tdc-caret{width:11px;height:22px;border:0;background:transparent;color:var(--tdc-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}
.tdc-caret:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-caret svg{transform:rotate(-90deg)}
.tdc-lsep{width:26px;height:1px;background:var(--tdc-border);margin:5px 0;flex:0 0 auto}
.tdc-center{flex:1;min-width:0;display:flex;flex-direction:column}
.tdc-wrap{position:relative;flex:1;min-height:180px;background:var(--tdc-canvas,var(--tdc-bg))}
.tdc-canvas{position:absolute;left:0;top:0;display:block}
.tdc-over{touch-action:none;cursor:crosshair}
.tdc-msg{position:absolute;left:0;right:66px;top:42%;text-align:center;color:var(--tdc-text);font-size:14px;pointer-events:none;display:none;z-index:2}
.tdc-flash{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:var(--tdc-panel2);color:var(--tdc-strong);padding:8px 14px;border-radius:8px;z-index:20;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none}

/* indicator names on the chart */
.tdc-legend{position:absolute;left:8px;top:64px;display:flex;flex-direction:column;gap:2px;z-index:3;pointer-events:none}
.tdc-lrow{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tdc-strong);padding:1px 6px;border-radius:5px;pointer-events:auto;width:max-content;max-width:100%}
.tdc-lrow:hover{background:var(--tdc-panel)}
.tdc-lrow.sel{background:var(--tdc-panel2);outline:1px solid var(--tdc-accent)}
.tdc-lrow.off{opacity:.5}
.tdc-lrow{cursor:pointer}
.tdc-lcol{pointer-events:auto;display:inline-flex;align-items:center;gap:4px;width:max-content;height:22px;padding:0 6px;margin:0 0 2px;border:0;border-radius:11px;background:var(--tdc-panel);color:var(--tdc-text);cursor:pointer;font-size:12px;font-weight:700}
.tdc-lcol:hover{color:var(--tdc-strong);background:var(--tdc-panel2)}
.tdc-lcol svg{transition:transform .15s}
.tdc-lcol.on svg{transform:rotate(-90deg)}
.tdc-lval i{font-style:normal;font-variant-numeric:tabular-nums;margin-left:2px}
.tdc-lbtn{display:none;background:transparent;border:0;color:var(--tdc-text);cursor:pointer;padding:2px;border-radius:4px;line-height:0}
.tdc-lbtn:hover{color:var(--tdc-strong);background:var(--tdc-panel2)}
.tdc-lrow:hover .tdc-lbtn{display:inline-flex}
@media (hover:none){.tdc-lbtn{display:inline-flex}}

/* range / scale bar under the chart */
.tdc-bottom{display:flex;align-items:center;gap:2px;padding:2px 8px;border-top:1px solid var(--tdc-border);min-height:30px;flex:0 0 auto;overflow-x:auto;scrollbar-width:none}
.tdc-bottom::-webkit-scrollbar{display:none}
.tdc-ranges{display:flex;gap:2px}
.tdc-range{height:24px;font-size:12px;color:var(--tdc-text);padding:0 8px;min-width:0}

/* the workspace under the chart: collapsed at first */
.tdc-ws{border-top:1px solid var(--tdc-border);background:var(--tdc-panel);flex:0 0 auto;position:relative}
.tdc-wshead{display:flex;align-items:center;padding:0 4px 0 6px;min-height:32px;position:relative}
.tdc-wsgrip{position:absolute;left:0;right:0;top:-4px;height:8px;cursor:ns-resize;display:none;z-index:2;touch-action:none}
.tdc-ws.open .tdc-wsgrip{display:block}
.tdc-wstabs{display:flex;gap:2px;overflow-x:auto;flex:1;scrollbar-width:none;min-width:0}
.tdc-wstabs::-webkit-scrollbar{display:none}
.tdc-wstab{display:inline-flex;align-items:center;gap:6px;height:31px;padding:0 11px;border:0;background:transparent;color:var(--tdc-text);font-weight:600;font-size:12px;cursor:pointer;border-radius:6px 6px 0 0;white-space:nowrap}
.tdc-wstab:hover{color:var(--tdc-strong)}
.tdc-wstab.on{color:var(--tdc-strong);background:var(--tdc-bg);box-shadow:inset 0 2px 0 var(--tdc-accent)}
.tdc-wsx svg{transform:rotate(180deg);transition:transform .15s}
.tdc-ws.open .tdc-wsx svg{transform:rotate(0)}
.tdc-wsbody{overflow:auto;background:var(--tdc-bg);padding:14px 16px;border-top:1px solid var(--tdc-border)}
.tdc-wscard h4{margin:0 0 6px;color:var(--tdc-strong);font-size:15px}
.tdc-wscard p{margin:0 0 12px;max-width:680px;line-height:1.6}
.tdc-soon{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--tdc-panel2);color:var(--tdc-muted);font-size:12px;font-weight:600}

/* dialogs, menus */
.tdc-modal{position:absolute;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:12px}
.tdc-modal.on{display:flex}
.tdc-card{position:relative;background:var(--tdc-panel);color:var(--tdc-text);border:1px solid var(--tdc-border);border-radius:12px;padding:20px;max-width:520px;width:100%;max-height:92%;overflow:auto;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.tdc-card h3{margin:0 0 10px;color:var(--tdc-strong);font-size:18px}
.tdc-card h4{margin:14px 0 6px;color:var(--tdc-strong);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.tdc-card p{margin:0 0 10px;line-height:1.6}
.tdc-cardx{position:absolute;right:8px;top:8px}
.tdc-pop{position:absolute;z-index:60;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;padding:4px;box-shadow:0 10px 28px rgba(0,0,0,.4);min-width:190px;max-height:72%;overflow:auto}
.tdc-prow{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;background:transparent;border:0;border-radius:6px;color:var(--tdc-strong);cursor:pointer;text-align:left;font-size:13px}
.tdc-prow:hover{background:var(--tdc-panel2)}
.tdc-prow.on{color:var(--tdc-accent)}
.tdc-rlock{margin-left:auto}
.tdc-psec{padding:7px 10px 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}
.tdc-tfrow{justify-content:space-between}
.tdc-star{background:transparent;border:0;color:var(--tdc-muted);cursor:pointer;display:inline-flex;padding:2px}
.tdc-star:hover{color:#f5b942}
.tdc-star.on{color:#f5b942}
.tdc-star.on svg path{fill:currentColor}
.tdc-gate{text-align:center}
.tdc-gicon{color:var(--tdc-gold);margin:2px auto 6px;display:flex;justify-content:center}
.tdc-glist{text-align:left;margin:0 auto 6px;padding-left:20px;line-height:1.8;max-width:420px}
.tdc-gact{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px;align-items:center}
.tdc-search{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--tdc-border);background:var(--tdc-bg);color:var(--tdc-strong);font-size:14px}
.tdc-symlist{margin-top:10px;max-height:46vh;overflow:auto;display:flex;flex-direction:column}
.tdc-symrow{display:flex;align-items:center;gap:12px;padding:9px 10px;border:0;background:transparent;color:var(--tdc-text);border-radius:6px;cursor:pointer;text-align:left;width:100%}
.tdc-symrow:hover{background:var(--tdc-panel2)}
.tdc-symrow.on{background:var(--tdc-panel2)}
.tdc-symrow b{color:var(--tdc-strong);min-width:84px}
.tdc-none{color:var(--tdc-muted);padding:8px 10px;margin:0}
.tdc-mini{height:26px;min-width:26px;padding:0 4px}
.tdc-up svg{transform:rotate(180deg)}
.tdc-wmrow{cursor:default}

/* tools (subscribers) */
.tdc-sub{color:var(--tdc-muted);margin:-6px 0 8px}
.tdc-note{color:var(--tdc-muted);font-size:12px;background:var(--tdc-bg);border-radius:8px;padding:8px 10px}
.tdc-form{display:grid;gap:8px;margin:8px 0}
.tdc-frow{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tdc-fin{background:var(--tdc-bg);color:var(--tdc-strong);border:1px solid var(--tdc-border);border-radius:6px;padding:6px 8px;min-width:120px;max-width:170px;font-size:13px}
.tdc-fin.tdc-color{padding:0;height:30px;width:60px;min-width:60px}
.tdc-itabs{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0 0}
.tdc-itab{height:28px;border:1px solid var(--tdc-border)}
.tdc-ilist .tdc-symrow span{color:var(--tdc-muted);flex:1}
.tdc-addi{margin-left:auto;color:var(--tdc-accent);display:inline-flex}
.tdc-chips{display:flex;flex-wrap:wrap;gap:6px}
.tdc-chipx{display:inline-flex;align-items:center;gap:2px;background:var(--tdc-bg);border:1px solid var(--tdc-border);border-radius:999px;padding:2px 4px 2px 10px;color:var(--tdc-strong);font-size:12px}
.tdc-chipb{background:transparent;border:0;color:var(--tdc-text);cursor:pointer;padding:3px;border-radius:50%;line-height:0}
.tdc-chipb:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-textask textarea{width:100%;background:var(--tdc-bg);color:var(--tdc-strong);border:1px solid var(--tdc-border);border-radius:8px;padding:8px 10px;font-size:14px;resize:vertical}
.tdc-orow{cursor:default}
.tdc-oname{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:var(--tdc-text);cursor:pointer;flex:1;text-align:left;min-width:0}
.tdc-oname b{color:var(--tdc-strong);min-width:0}
.tdc-oname span{color:var(--tdc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* the bar over a selected drawing */
.tdc-ftb{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:12;display:flex;flex-wrap:wrap;gap:2px;align-items:center;justify-content:center;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;padding:3px 6px;box-shadow:0 6px 18px rgba(0,0,0,.4);width:max-content;max-width:calc(100% - 16px)}
.tdc-ftitle{display:inline-flex;align-items:center;gap:6px;color:var(--tdc-strong);font-weight:600;padding:0 8px 0 4px;border-right:1px solid var(--tdc-border);margin-right:4px;white-space:nowrap}
.tdc-swatch{width:16px;height:16px;border-radius:3px;display:inline-block;border:1px solid rgba(128,128,128,.6)}
.tdc-fsel{background:var(--tdc-bg);color:var(--tdc-strong);border:1px solid var(--tdc-border);border-radius:6px;height:28px;padding:0 4px;font-size:12px}
.tdc-frange{width:70px;accent-color:#2962ff}
.tdc-ftxt{min-width:34px}
.tdc-palette{position:absolute;top:100%;margin-top:6px;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(7,22px);gap:6px;z-index:5;box-shadow:0 10px 28px rgba(0,0,0,.4)}
.tdc-sw{width:22px;height:22px;border-radius:4px;border:1px solid rgba(128,128,128,.5);cursor:pointer;padding:0}
.tdc-sw.on{outline:2px solid var(--tdc-accent);outline-offset:1px}
.tdc-sw-custom{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}

@media (max-width:1000px){
    .tdc-right{position:absolute;right:46px;top:0;bottom:0;z-index:25;width:min(300px,82%);box-shadow:-10px 0 24px rgba(0,0,0,.35)}
}
/* alerts: panel, dialog, messages */
.tdc-albody{flex:1;overflow-y:auto;padding:8px 10px 14px;min-height:0}
.tdc-alrow{display:flex;align-items:center;gap:2px;padding:6px 4px 6px 8px;border-radius:8px;border:1px solid transparent}
.tdc-alrow:hover{background:var(--tdc-panel);border-color:var(--tdc-border)}
.tdc-alrow.off{opacity:.55}
.tdc-almain{display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex:1;min-width:0;background:transparent;border:0;color:var(--tdc-text);cursor:pointer;text-align:left;padding:0}
.tdc-almain b{color:var(--tdc-strong);font-size:13px}
.tdc-almain span{color:#f5a623;font-weight:600;font-size:13px}
.tdc-almain small{color:var(--tdc-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tdc-alh{margin:14px 0 6px;color:var(--tdc-strong);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.tdc-allog{display:flex;gap:8px;padding:5px 2px;font-size:12px;border-bottom:1px solid var(--tdc-border);line-height:1.4}
.tdc-allog time{color:var(--tdc-muted);flex:0 0 auto;font-variant-numeric:tabular-nums}
.tdc-allog span{color:var(--tdc-strong)}
.tdc-alchans{margin:6px 0}
.tdc-alcheck{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--tdc-strong);cursor:pointer}
.tdc-alcheck.off{color:var(--tdc-muted);cursor:default}
.tdc-alcheck input{width:17px;height:17px;accent-color:#2962ff}
.tdc-alerr{color:var(--tdc-down);min-height:18px;margin:4px 0 0 !important;font-size:13px}
.tdc-alsum{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 10px;padding:8px 10px;border:1px solid var(--tdc-border);border-radius:8px;background:var(--tdc-panel);color:var(--tdc-strong);cursor:pointer;font-size:12px;text-align:left}
.tdc-alsum svg{color:#f5a623;flex:0 0 auto}
.tdc-alsum span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-alsum i{font-style:normal;color:var(--tdc-accent);flex:0 0 auto}
.tdc-alsum:hover,.tdc-alsum.on{border-color:#f5a623}
.tdc-alset{margin:-4px 0 12px;padding:10px;border:1px solid var(--tdc-border);border-top:0;border-radius:0 0 8px 8px;background:var(--tdc-panel)}
.tdc-alsrow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;color:var(--tdc-text);font-size:12px}
.tdc-alsrow>span{flex:0 0 auto}
.tdc-alsrow .tdc-fin{min-width:0;max-width:150px}
.tdc-alsnd{display:flex;align-items:center;gap:4px;min-width:0}
.tdc-alsnd .tdc-fin{max-width:126px}
.tdc-alplay{width:32px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--tdc-border);border-radius:6px;color:#f5a623}
.tdc-alvol{width:140px;max-width:60%;accent-color:#f5a623}
.tdc-alok{font-style:normal;color:var(--tdc-up);font-weight:600}
.tdc-alno{font-style:normal;color:var(--tdc-muted);text-align:right;line-height:1.35}
.tdc-alallow{padding:5px 14px;border:1px solid #f5a623;border-radius:6px;color:#f5a623;font-weight:600}
.tdc-alset .tdc-snote{margin:8px 0 0}
.tdc-aldh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tdc-aldh .tdc-alclr{font-size:12px;padding:4px 6px}
.tdc-aldlg .tdc-alsnd .tdc-fin{max-width:132px}
.tdc-toasts{position:absolute;right:76px;top:12px;display:flex;flex-direction:column;gap:8px;z-index:30;width:min(340px,calc(100% - 100px))}
.tdc-toast{display:flex;align-items:flex-start;gap:10px;padding:10px 8px 10px 12px;background:var(--tdc-panel);border:1px solid #f5a623;border-radius:10px;color:var(--tdc-strong);box-shadow:0 8px 24px rgba(0,0,0,.4);cursor:pointer}
.tdc-toast b{display:block;font-size:13px}
.tdc-toast span{font-size:12px;color:var(--tdc-text);line-height:1.4}
.tdc-toast div{flex:1;min-width:0}
.tdc-tbell{color:#f5a623;line-height:0;margin-top:2px}
.tdc-rhead .tdc-btn.on{color:#f5a623}

/* small buttons at the bottom right of the chart: zoom, move, newest candle, reset */
.tdc-nav{position:absolute;right:calc(var(--tdc-axisw,56px) + 12px);bottom:34px;z-index:6;display:flex;gap:2px;padding:3px;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.3);opacity:0;transition:opacity .15s;pointer-events:none}
.tdc-wrap:hover .tdc-nav,.tdc-changed .tdc-nav{opacity:1;pointer-events:auto}
@media (hover:none){.tdc-nav{opacity:1;pointer-events:auto}}
.tdc-nbtn{width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:var(--tdc-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.tdc-nbtn:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-nbtn svg.rot-l{transform:rotate(90deg)}
.tdc-nbtn svg.rot-r{transform:rotate(-90deg)}
.tdc-nreset{display:none}
.tdc-changed .tdc-nreset{display:inline-flex;color:#fff;background:var(--tdc-accent)}
.tdc-changed .tdc-nreset:hover{background:#1e4fd8;color:#fff}
.tdc-away .tdc-nbtn:nth-child(5){color:var(--tdc-accent)}
.tdc-zonepop{min-width:230px}
.tdc-zonepop .tdc-prow em{margin-left:auto;font-style:normal;color:var(--tdc-muted);font-size:12px;font-variant-numeric:tabular-nums}
.tdc-helpl{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}
.tdc-helpr{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--tdc-border)}
.tdc-helpr b{color:var(--tdc-strong);font-size:14px}
.tdc-helpr span{color:var(--tdc-text);line-height:1.5}

/* favourite drawing tools: a small bar at the bottom of the chart */
.tdc-favbar{position:absolute;left:0;top:0;z-index:6;display:none;align-items:center;gap:2px;padding:3px;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.3);touch-action:none;user-select:none}
@media (max-width:760px){.tdc-favbar{max-width:calc(100% - 8px)}}   /* narrow screen: above the small zoom buttons, not on top of them */
.tdc-fbtn{position:relative;width:32px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--tdc-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.tdc-fbtn:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-fbtn.on{background:var(--tdc-panel2);color:var(--tdc-accent)}
.tdc-fbtn .tdc-lock{position:absolute;right:1px;bottom:1px;background:var(--tdc-panel);border-radius:3px;padding:1px}
.tdc-indmore{min-width:22px;padding:0 3px;margin-left:-4px}
.tdc-prow .tdc-star{margin-left:auto}
.tdc-irow{cursor:pointer}
.tdc-irow .tdc-star{flex:0 0 auto;margin-right:2px}
.tdc-irow b{min-width:96px}
.tdc-irow.locked b{color:var(--tdc-gold)}
.tdc-irow .tdc-addi em{font-style:normal;font-size:11px;font-weight:700;color:var(--tdc-gold);margin-right:6px;letter-spacing:.04em;text-transform:uppercase}
.tdc-irow.locked .tdc-addi{color:var(--tdc-gold);display:inline-flex;align-items:center}

/* the Settings dialog (colours, what is shown on the chart) */
.tdc-card-wide{max-width:760px}
.tdc-slay{display:grid;grid-template-columns:200px 1fr;gap:18px;min-height:340px}
.tdc-snav{display:flex;flex-direction:column;gap:2px}
.tdc-snavb{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--tdc-strong);font-weight:600;cursor:pointer;text-align:left;font-size:14px}
.tdc-snavb:hover{background:var(--tdc-panel2)}
.tdc-snavb.on{background:var(--tdc-panel2);color:var(--tdc-accent)}
.tdc-spane{min-width:0}
.tdc-spane h4{margin:0 0 10px}
.tdc-srow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;min-height:42px}
.tdc-scheck{justify-content:flex-start;cursor:pointer}
.tdc-scheck input[type=checkbox]{width:18px;height:18px;accent-color:#2962ff;flex:0 0 auto}
.tdc-scheck .tdc-sctl{margin-left:auto}
.tdc-slab{color:var(--tdc-strong);font-size:14px}
.tdc-sctl{display:flex;align-items:center;gap:8px}
.tdc-snote{color:var(--tdc-muted);font-size:12px;margin:0 0 10px;line-height:1.5}
.tdc-sfoot{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--tdc-border)}
.tdc-sbtn{border:1px solid var(--tdc-border);padding:0 12px}
@media (max-width:640px){.tdc-slay{grid-template-columns:1fr}.tdc-snav{flex-direction:row;flex-wrap:wrap}.tdc-snavb span{display:inline}}
.tdc-nolegend .tdc-legend{display:none}
.tdc-nolval .tdc-lval{display:none}

@media (max-width:900px){
    .tdc-fs span,.tdc-wstab span{display:none}
    .tdc-wstab{padding:0 12px}
    .tdc-symbtn small{display:none}
}
@media (max-width:700px){
    .tdc{height:calc(100vh - 150px);min-height:540px;border-radius:8px}
    .tdc-left{width:40px;flex-basis:40px}
    .tdc-tool{width:28px}
    .tdc-status{display:none}
    .tdc-card{padding:16px}
}

/* the public page: yashdhan.in/trading-desk */
.tdp .tdc{margin-bottom:22px}
.tdp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.tdp-card{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:20px 22px}
.tdp-card h2,.tdp-card h3{margin:0 0 10px}
.tdp-card ul{margin:0;padding-left:18px;line-height:1.7}
.tdp-card p{margin:0;line-height:1.7}
.tdp-note{background:#fff9ec;border-color:#f0dfb4}

/* demo trading (assets/js/td-demo.js): the BUY / SELL box on the chart and the Trade panel */
.tdc-qt{position:absolute;left:8px;top:70px;z-index:4;display:flex;align-items:stretch;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}
.tdc-qside{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;padding:3px 8px;border:0;cursor:pointer;color:#fff;line-height:1.15}
.tdc-qside small{font-size:10px;font-weight:700;letter-spacing:.04em;opacity:.9}
.tdc-qside b{font-size:13px}
.tdc-qsell{background:#f23645}.tdc-qbuy{background:#2962ff}
.tdc-qside:hover{filter:brightness(1.12)}
.tdc-qspr{display:flex;align-items:center;justify-content:center;min-width:26px;padding:0 4px;background:var(--tdc-panel2);color:var(--tdc-strong);font-size:11px;font-weight:600}
.tdc-dm{display:flex;flex-direction:column;flex:1;min-height:0}
.tdc-dmbody{flex:1;overflow-y:auto;padding:8px 10px 16px;min-height:0}
.tdc-dmtag{font-size:11px;font-weight:700;color:#f5a623;border:1px solid rgba(245,166,35,.5);border-radius:10px;padding:2px 8px;margin-right:8px;white-space:nowrap}
.tdc-dmacc{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.tdc-dmcell{background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;padding:6px 7px;min-width:0}
.tdc-dmcell small{display:block;font-size:10px;color:var(--tdc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdc-dmcell b{display:block;font-size:12px;color:var(--tdc-strong);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdc-dm .up{color:var(--tdc-up) !important}.tdc-dm .down{color:var(--tdc-down) !important}
.tdc-dmtk{border:1px solid var(--tdc-border);border-radius:10px;padding:10px;background:var(--tdc-panel);margin-bottom:6px}
.tdc-dmsides{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.tdc-dmside{display:flex;flex-direction:column;align-items:center;padding:6px 4px;border-radius:8px;border:2px solid transparent;cursor:pointer;color:#fff;opacity:.55;font-variant-numeric:tabular-nums}
.tdc-dmside small{font-size:11px;font-weight:700;letter-spacing:.05em}
.tdc-dmside b{font-size:15px}
.tdc-dmside.sell{background:#f23645}.tdc-dmside.buy{background:#2962ff}
.tdc-dmside.on{opacity:1;border-color:rgba(255,255,255,.75)}
.tdc-dmseg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--tdc-border);border-radius:8px;overflow:hidden;margin-bottom:6px}
.tdc-dmsegb{border:0;background:transparent;color:var(--tdc-text);padding:6px 0;font-size:12px;cursor:pointer}
.tdc-dmsegb.on{background:var(--tdc-accent);color:#fff;font-weight:600}
.tdc-dmrow{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px;font-size:12px;color:var(--tdc-text)}
.tdc-dmrow>span:first-child{flex:0 0 auto}
.tdc-dmrow.sl>span:first-child{color:var(--tdc-down);font-weight:600}
.tdc-dmrow.tp>span:first-child{color:var(--tdc-up);font-weight:600}
.tdc-dmpair{display:flex;align-items:center;gap:5px;min-width:0;justify-content:flex-end}
.tdc-dmin{min-width:0 !important;max-width:none !important;width:96px;padding:5px 6px !important}
.tdc-dmsel{min-width:0 !important;max-width:96px !important;padding:5px 4px !important}
.tdc-dmhint{font-style:normal;color:var(--tdc-muted);font-size:11px;white-space:nowrap}
.tdc-dmprice{font-style:normal;color:var(--tdc-strong);font-size:12px;min-width:62px;text-align:right;font-variant-numeric:tabular-nums}
.tdc-dmtrail{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tdc-dmtk .tdc-alcheck{font-size:12px;padding:3px 0}
.tdc-dmsum{margin:8px 0 4px;padding-top:8px;border-top:1px dashed var(--tdc-border)}
.tdc-dmsum div{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:2px 0;color:var(--tdc-text)}
.tdc-dmsum b{color:var(--tdc-strong);font-variant-numeric:tabular-nums}
.tdc-dmsum .tdc-snote{margin:4px 0 0}
.tdc-dmact{display:flex;gap:6px;margin-top:8px}
.tdc-dmprev{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:0 10px;height:36px;border:1px solid var(--tdc-border);border-radius:8px;font-size:12px}
.tdc-dmprev.on{border-color:var(--tdc-accent);color:var(--tdc-accent)}
.tdc-dmplace{flex:1;height:36px;border:0;border-radius:8px;color:#fff;font-weight:700;font-size:13px;cursor:pointer}
.tdc-dmplace.buy{background:#2962ff}.tdc-dmplace.sell{background:#f23645}
.tdc-dmplace:disabled{opacity:.45;cursor:not-allowed}
.tdc-dmpos{display:flex;align-items:center;gap:4px;padding:6px 4px 6px 8px;border-radius:8px;border:1px solid transparent}
.tdc-dmpos.cur{background:var(--tdc-panel)}
.tdc-dmpos:hover{border-color:var(--tdc-border)}
.tdc-dmmain{display:grid;grid-template-columns:auto 1fr auto;column-gap:6px;align-items:baseline;flex:1;min-width:0;background:transparent;border:0;color:var(--tdc-text);cursor:pointer;text-align:left;padding:0;font-size:12px}
.tdc-dmmain b{font-size:12px}.tdc-dmmain b.buy,.tdc-dmdeal b.buy{color:#2962ff}.tdc-dmmain b.sell,.tdc-dmdeal b.sell{color:#f23645}
.tdc-dmmain span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tdc-strong)}
.tdc-dmmain i{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.tdc-dmmain small{grid-column:1/-1;color:var(--tdc-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdc-dmbtns{display:flex;gap:2px;flex:0 0 auto}
.tdc-dmhalf{font-weight:700}
.tdc-dmdeal{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:5px 2px;border-bottom:1px solid var(--tdc-border);font-size:12px}
.tdc-dmdeal time{color:var(--tdc-muted);font-variant-numeric:tabular-nums;font-size:11px}
.tdc-dmdeal span{min-width:0;color:var(--tdc-strong)}
.tdc-dmdeal small{display:block;color:var(--tdc-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tdc-dmdeal i{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.tdc-dmpage{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--tdc-muted)}
.tdc-dmfoot{margin-top:14px;padding-top:10px;border-top:1px solid var(--tdc-border)}
.tdc-dmfoot .tdc-alcheck{font-size:12px}
.tdc-dmfoot .tdc-snote{margin:6px 0 8px}
.tdc-dmreset{display:flex;align-items:center;gap:6px}
.tdc-dm .tdc-cta{margin-top:6px}
@media (max-width:760px){.tdc-qside{min-width:64px;padding:2px 6px}.tdc-qside b{font-size:12px}}

/* part H: the order panel (right) + the account under the chart + clear "Soon" tabs */
.tdc-wstab.soon{opacity:.6}
.tdc-wstab em{font-style:normal;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tdc-muted);border:1px solid var(--tdc-border);border-radius:6px;padding:0 4px;margin-left:4px}
.tdc-qt.one .tdc-qside{box-shadow:inset 0 0 0 2px rgba(255,214,0,.85)}
.tdc-dminfo{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--tdc-muted);margin:-2px 0 8px}
.tdc-dmst.st-live{color:var(--tdc-up)}.tdc-dmst.st-stale{color:#f5b942}.tdc-dmst.st-disconnected,.tdc-dmst.st-nodata{color:var(--tdc-down)}
.tdc-dmtimer{color:#00d5ff;font-variant-numeric:tabular-nums;font-size:13px}
.tdc-dmpm{width:28px;height:30px;font-size:16px;font-weight:700;border:1px solid var(--tdc-border);border-radius:6px;padding:0}
.tdc-dmtog{height:30px;padding:0 10px;border-radius:6px;border:1px solid var(--tdc-border);background:var(--tdc-panel2);color:var(--tdc-text);font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}
.tdc-dmtog.on{background:#16a34a;border-color:#16a34a;color:#fff}
.tdc-rhead .tdc-dmtog{height:26px;padding:0 8px;font-size:11px;margin-right:6px}
.tdc-dmunit{display:inline-grid;grid-template-columns:1fr 1fr;width:62px;margin:0}
.tdc-dmunit .tdc-dmsegb{padding:5px 0}
.tdc-dmatr{width:26px;height:26px;padding:0;color:var(--tdc-muted)}
.tdc-dmsw{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 2px}
.tdc-dmguard{margin:6px 0 0;padding:7px 9px;border-radius:8px;font-size:12px;line-height:1.4}
.tdc-dmguard.warn{background:rgba(245,185,66,.14);color:#f5b942}
.tdc-dmguard.bad{background:rgba(242,54,69,.14);color:var(--tdc-down);font-weight:600}
.tdc-dmman{border:1px solid var(--tdc-border);border-radius:10px;padding:10px;margin-top:10px}
.tdc-dmmh{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;color:var(--tdc-muted)}
.tdc-dmmh b{color:var(--tdc-strong);font-size:13px}
.tdc-dmmh i{margin-left:auto;font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}
.tdc-dmgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tdc-dmmb{height:32px;border-radius:7px;border:0;background:#1e6fd9;color:#fff;font-weight:600;font-size:12px;cursor:pointer;padding:0 10px;white-space:nowrap}
.tdc-dmmb:hover{filter:brightness(1.1)}
.tdc-dmmb.bad{background:#c62f3c}
.tdc-dmpart{display:flex;gap:6px;margin-top:6px;align-items:center}
.tdc-dmpart .tdc-dmmb{flex:1}
.tdc-dmgo{display:flex;align-items:center;gap:4px;margin:10px 0 4px;padding:0;font-size:12px;color:var(--tdc-accent);height:auto}
.tdc-dm .up,.tdc-dmacc2 .up{color:var(--tdc-up) !important}.tdc-dm .down,.tdc-dmacc2 .down{color:var(--tdc-down) !important}
.tdc-dmacc2{display:flex;flex-direction:column;height:100%;min-height:0;padding:8px 12px 10px;box-sizing:border-box}
.tdc-dmstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-bottom:8px}
.tdc-dmtabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--tdc-border);padding-bottom:6px;margin-bottom:6px}
.tdc-dmtabb{border:0;background:transparent;color:var(--tdc-text);font-size:12px;padding:5px 10px;border-radius:6px;cursor:pointer}
.tdc-dmtabb.on{background:var(--tdc-panel2);color:var(--tdc-strong);font-weight:600}
.tdc-dmtabs .tdc-dmmb{height:28px}
.tdc-dmtbl{flex:1;overflow:auto;min-height:0}
.tdc-dmtbl table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.tdc-dmtbl th{position:sticky;top:0;background:var(--tdc-bg);color:var(--tdc-muted);font-weight:600;text-align:left;padding:5px 8px;border-bottom:1px solid var(--tdc-border);white-space:nowrap}
.tdc-dmtbl td{padding:5px 8px;border-bottom:1px solid var(--tdc-border);color:var(--tdc-strong);white-space:nowrap}
.tdc-dmtbl tr.cur td{background:var(--tdc-panel)}
.tdc-dmtbl td.buy{color:#2962ff;font-weight:700}.tdc-dmtbl td.sell{color:#f23645;font-weight:700}
.tdc-dmtbl td.sl{color:var(--tdc-down)}.tdc-dmtbl td.tp{color:var(--tdc-up)}.tdc-dmtbl td.muted{color:var(--tdc-muted)}
.tdc-dmtbl td.pl{font-weight:700}
.tdc-dmtbl td small{color:var(--tdc-muted)}
.tdc-dmtbl td.acts{display:flex;gap:2px;justify-content:flex-end}
.tdc-dmlink{background:transparent;border:0;color:var(--tdc-strong);font-weight:600;cursor:pointer;padding:0;text-decoration:underline dotted}
.tdc-dmstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin-bottom:8px}
.tdc-dmacc2 .tdc-dmreset{margin-left:6px}
@media (max-width:760px){.tdc-dmacc2{padding:6px 8px}.tdc-dmstrip{grid-template-columns:repeat(2,1fr)}}

/* part J: the watchlist strip on top */
.tdc-ticker{display:flex;align-items:stretch;gap:0;border-bottom:1px solid var(--tdc-border);background:var(--tdc-panel);min-height:32px;position:relative;flex:0 0 auto}
.tdc-tkl{display:flex;align-items:stretch;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;position:relative}
.tdc-tkl::-webkit-scrollbar{display:none}
.tdc-tk{display:inline-flex;align-items:center;gap:6px;padding:0 8px 0 12px;border:0;border-right:1px solid var(--tdc-border);background:transparent;color:var(--tdc-text);font-size:12px;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;user-select:none}
.tdc-tk b{color:var(--tdc-strong);font-weight:700}
.tdc-tk:hover{background:var(--tdc-panel2)}
.tdc-tk.on{background:var(--tdc-panel2);box-shadow:inset 0 -2px 0 var(--tdc-accent)}
.tdc-tk.held{outline:2px dashed var(--tdc-accent);outline-offset:-3px}
.tdc-tkp{color:var(--tdc-strong)}
.tdc-tkc.u{color:var(--tdc-up)}.tdc-tkc.d{color:var(--tdc-down)}
.tdc-tkarr{flex:0 0 auto;width:24px;border:0;background:var(--tdc-panel);color:var(--tdc-strong);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tdc-tkprev{border-right:1px solid var(--tdc-border)}
.tdc-tknext{border-left:1px solid var(--tdc-border)}
.tdc-tkarr:hover:not(:disabled){background:var(--tdc-panel2)}
.tdc-tkarr:disabled{opacity:.3;cursor:default}
.tdc-tkx{flex:0 0 auto;width:16px;height:16px;margin-left:-2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--tdc-muted);opacity:0;transition:opacity .12s}
.tdc-tk:hover .tdc-tkx,.tdc-tk:focus-visible .tdc-tkx{opacity:1}
.tdc-tkx:hover{background:rgba(242,54,69,.2);color:#f23645}
@media (hover:none){.tdc-tk.on .tdc-tkx{opacity:1}}
.tdc-tkadd{flex:0 0 auto;width:34px;border:0;border-left:1px solid var(--tdc-border);background:transparent;color:var(--tdc-text);cursor:pointer;display:flex;align-items:center;justify-content:center}
.tdc-tkadd:hover{color:var(--tdc-strong);background:var(--tdc-panel2)}
.tdc-tkempty{padding:0 12px;align-self:center;font-size:12px;color:var(--tdc-muted)}
.tdc-tkmark{position:absolute;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--tdc-accent);pointer-events:none;z-index:2}
.tdc-ticker.dragging .tdc-tk{cursor:grabbing}

/* part K: the movable favourites toolbar */
.tdc-favbar.vert{flex-direction:column}
.tdc-fgrip{display:grid;grid-template-columns:repeat(2,3px);grid-auto-rows:3px;gap:2px;align-content:center;justify-content:center;width:16px;height:30px;padding:0;border:0;border-radius:5px;background:transparent;cursor:grab;color:var(--tdc-muted)}
.tdc-favbar.vert .tdc-fgrip{grid-template-columns:repeat(3,3px);width:30px;height:16px}
.tdc-fgrip i{display:block;width:3px;height:3px;border-radius:50%;background:currentColor}
.tdc-fgrip:hover,.tdc-fgrip:focus-visible{color:var(--tdc-strong);background:var(--tdc-panel2)}
.tdc-favbar.moving{opacity:.9;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.tdc-favbar.moving .tdc-fgrip{cursor:grabbing}
.tdc-favbar.ordering .tdc-fbtn{cursor:grabbing}
.tdc-fbtn.held{outline:2px dashed var(--tdc-accent);outline-offset:-2px}
.tdc-fbtn:focus-visible,.tdc-tk:focus-visible{outline:2px solid var(--tdc-accent);outline-offset:-2px}
.tdc-fmore b{font-size:16px;line-height:1}
.tdc-fmark{position:absolute;width:3px;height:26px;border-radius:2px;background:var(--tdc-accent);pointer-events:none}
.tdc-favbar.vert .tdc-fmark{width:26px;height:3px}
.tdc-ftbshow{position:absolute;left:50px;bottom:36px;z-index:6;display:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--tdc-border);background:var(--tdc-panel);color:#f5a623;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tdc-phint{font-style:normal;margin-left:auto;padding-left:10px;font-size:11px;color:var(--tdc-muted);white-space:nowrap}
.tdc-tool.strong{box-shadow:inset 0 0 0 2px #f5a623}

/* part K: saved / not saved, the properties window */
.tdc-save{font-size:11px;font-weight:600;white-space:nowrap;padding:0 6px;color:var(--tdc-muted)}
.tdc-save.s-saved{color:var(--tdc-up)}.tdc-save.s-failed{color:var(--tdc-down)}
.tdc-props{min-width:min(420px,86vw)}
.tdc-props h3{display:flex;align-items:center;gap:8px}
.tdc-pbody{max-height:min(56vh,460px);overflow-y:auto;padding:6px 2px 4px}
.tdc-pbody h4{margin:12px 0 4px;font-size:12px;color:var(--tdc-strong);text-transform:uppercase;letter-spacing:.04em}
.tdc-pbody textarea.tdc-fin{width:100%;max-width:none;min-height:70px;box-sizing:border-box}
.tdc-pbody input[type=datetime-local].tdc-fin{max-width:200px}
.tdc-lvls{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}
.tdc-lvl{display:flex;align-items:center;gap:6px}
.tdc-lvl .tdc-fin{min-width:0;max-width:110px}
.tdc-lvl input[type=checkbox]{width:16px;height:16px;accent-color:#2962ff}
.tdc-plan{margin:10px 0;padding:10px 12px;border-radius:8px;background:rgba(41,98,255,.12);color:var(--tdc-strong);font-weight:600;font-variant-numeric:tabular-nums}
.tdc-oname em{font-style:normal;font-size:10px;color:var(--tdc-muted);margin-left:6px}

/* part I: the market analysis under the chart (a page section; the chart's full screen shows the chart alone) */
.tdan{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tdc-text)}
.tdan-head{display:flex;align-items:center;justify-content:space-between;gap:6px 18px;flex-wrap:wrap;margin-bottom:10px}
.tdan-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tdan-title b{font-size:15px;color:var(--tdc-strong)}
.tdan-title span{font-size:13px;color:var(--tdc-muted)}
.tdan-px{font-style:normal;font-weight:700;color:var(--tdc-strong);font-variant-numeric:tabular-nums}
.tdan-px i{font-style:normal;font-weight:600;margin-left:4px}
.tdan-st{font-size:11px;color:var(--tdc-muted)}
.tdan-hint{font-size:12px;color:var(--tdc-muted)}
.tdan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}
.tdan-card{background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:10px;padding:10px 12px;min-width:0}
.tdan-wide{grid-column:1/-1}
.tdan .tdan-card h3,.tdp .tdan .tdan-card h3{margin:0 0 8px;font:700 12px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:12px !important;letter-spacing:.05em;text-transform:uppercase;color:var(--tdc-gold);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.tdan p,.tdp .tdan p{line-height:1.5;margin:0}
.tdan .tdan-card h3 small{font-size:11px !important;letter-spacing:0;text-transform:none;color:var(--tdc-muted)}
.tdan-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.tdan-tile{background:var(--tdc-bg);border:1px solid var(--tdc-border);border-radius:8px;padding:7px 10px}
.tdan-tile small{display:block;font-size:11px;color:var(--tdc-muted);margin-bottom:3px}
.tdan-tile b{font-size:14px}
.tdan-tile b small{display:inline;font-size:11px;color:var(--tdc-muted);font-weight:500}
.tdan .up{color:var(--tdc-up)}.tdan .down{color:var(--tdc-down)}.tdan .warn{color:#f5a623}.tdan .flat{color:var(--tdc-strong)}
.tdan-list{list-style:none;margin:0;padding:0}
.tdan-list li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--tdc-border);font-size:12px}
.tdan-list li span{color:var(--tdc-strong);min-width:0}
.tdan-list time{color:var(--tdc-muted);font-variant-numeric:tabular-nums}
.tdan-lv{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.tdan-lv th{text-align:left;width:46px;padding:3px 0;font-weight:700}
.tdan-lv td{padding:3px 6px;color:var(--tdc-strong)}
.tdan-lv tr.cur td,.tdan-lv tr.cur th{color:var(--tdc-gold);background:rgba(215,171,84,.08)}
.tdan-lv th.cur{color:var(--tdc-gold)}
.tdan-muted{color:var(--tdc-muted) !important;font-size:12px;margin:6px 0 0}
.tdan-mtf{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.tdan-tf{display:flex;flex-direction:column;gap:3px;background:var(--tdc-bg);border:1px solid var(--tdc-border);border-radius:8px;padding:7px 10px}
.tdan-tf b{color:var(--tdc-strong)}
.tdan-tf span{font-weight:700;font-size:13px}
.tdan-tf small{font-size:11px;color:var(--tdc-muted)}
.tdan-tf small i{font-style:normal}
.tdan-tf svg{margin-top:4px;max-width:100%}
.tdan-sess{list-style:none;margin:0;padding:0}
.tdan-sess li{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:4px 0;border-bottom:1px solid var(--tdc-border);font-size:12px;color:var(--tdc-muted)}
.tdan-sess li.on{color:var(--tdc-strong)}
.tdan-sess li.on em{color:var(--tdc-up)}
.tdan-sess em{font-style:normal}
.tdan-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px}
.tdan-dl dt{font-weight:700;color:var(--tdc-strong)}
.tdan-dl dd{margin:0;color:var(--tdc-text)}
.tdan-note{margin:10px 2px 0;font-size:11px;color:var(--tdc-muted);line-height:1.5}
.tdan-lock{text-align:center;padding:22px}
.tdan-btn{display:inline-block;margin-top:10px;background:var(--tdc-gold);color:#1a1a1a;font-weight:700;border-radius:8px;padding:7px 16px;text-decoration:none}
.tdc-frow-chk{align-items:center}
.tdc-frow-chk .tdc-fchk{width:18px;height:18px;flex:0 0 auto;accent-color:var(--tdc-accent)}
@media (max-width:640px){.tdan-grid{grid-template-columns:1fr}.tdan-tiles{grid-template-columns:repeat(2,1fr)}}

/* part M: the order panel in sections, a foot that never hides, small question boxes */
.tdc-dm{position:relative}
.tdc-dmfootbar{flex:none;padding:8px 10px;border-top:1px solid var(--tdc-border);background:var(--tdc-bg)}
.tdc-dmfootbar:empty{display:none}
.tdc-dmfootbar .tdc-dmact{margin:0}
.tdc-dmplace{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;min-height:40px;padding:4px 8px;line-height:1.2}
.tdc-dmplace b{font-size:13px}
.tdc-dmplace small{font-size:10.5px;font-weight:500;opacity:.9}
.tdc-dmprev{height:auto;min-height:40px}
.tdc-dmsides{grid-template-columns:1fr auto 1fr;align-items:stretch}
.tdc-dmspr{display:flex;align-items:center;justify-content:center;min-width:30px;padding:0 4px;font-size:11px;font-weight:700;color:var(--tdc-strong);background:var(--tdc-panel2);border-radius:6px;font-variant-numeric:tabular-nums}
.tdc-dmsec{border-top:1px solid var(--tdc-border);padding:8px 0 4px;margin-top:4px}
.tdc-dmsech{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted);margin-bottom:4px}
.tdc-dmsec .tdc-dmrow{min-height:32px}
.tdc-dmswr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0}
.tdc-dmswt{display:flex;flex-direction:column;min-width:0}
.tdc-dmswt b{font-size:12px;color:var(--tdc-strong);font-weight:600}
.tdc-dmswt small{font-size:11px;color:var(--tdc-muted);line-height:1.3}
.tdc-dmswi{position:relative;flex:none;width:36px;height:20px;border-radius:10px;border:0;background:var(--tdc-panel2);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px var(--tdc-border)}
.tdc-dmswi i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.tdc-dmswi.on{background:#16a34a;box-shadow:none}
.tdc-dmswi.on i{left:18px}
.tdc-dmask{position:absolute;z-index:60;width:250px;max-width:calc(100% - 12px);background:var(--tdc-panel);color:var(--tdc-strong);border:1px solid var(--tdc-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:10px 12px;font-size:12px;line-height:1.45}
.tdc-dmask p{margin:0 0 8px}
.tdc-dmask.bad{border-color:rgba(242,54,69,.55)}
.tdc-dmaskb{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.tdc-dmaskok{border:0;border-radius:7px;background:var(--tdc-accent);color:#fff;font-weight:700;font-size:12px;padding:6px 14px;cursor:pointer}
.tdc-dmask.bad .tdc-dmaskok{background:#e53935}
.tdc-dmbody{overflow-x:hidden}
.tdc-dmgo{white-space:normal;text-align:left;max-width:100%}
.tdc-dmgo span{min-width:0}

/* the login ended: a clear bar on the chart (assets/js/td-session.js) */
.tdc-sesslost{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:70;display:flex;align-items:center;gap:12px;max-width:min(640px,calc(100% - 20px));padding:10px 12px 10px 14px;border-radius:10px;background:#3a2a0b;color:#ffe2a8;border:1px solid #c9922b;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:13px;line-height:1.45}
.tdc-light .tdc-sesslost{background:#fff6e0;color:#6b4a07}
.tdc-sessbtn{flex:none;background:#f0b23a;color:#1a1a1a !important;font-weight:700;border-radius:8px;padding:7px 14px;text-decoration:none;white-space:nowrap}
@media (max-width:640px){.tdc-sesslost{flex-direction:column;align-items:flex-start}}

/* part O: open positions / history like a trading terminal; compact account cells */
.tdc-dmacc2 .tdc-dmstrip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:4px;margin-bottom:6px}
.tdc-dmacc2 .tdc-dmcell{padding:4px 7px;border-radius:6px}
.tdc-dmacc2 .tdc-dmtabs{padding-bottom:4px;margin-bottom:4px}
.tdc-dmtbl{min-height:90px}
.tdc-dmterm th{font-size:11px;text-transform:none}
.tdc-dmterm td,.tdc-dmterm th{padding:4px 8px}
.tdc-dmterm td.buy{color:#2962ff;font-weight:700;text-transform:lowercase}.tdc-dmterm td.sell{color:#f23645;font-weight:700;text-transform:lowercase}
.tdc-dmterm tfoot td{position:sticky;bottom:0;background:var(--tdc-panel);border-top:1px solid var(--tdc-border);font-weight:700}
.tdc-dmx:hover{color:#fff;background:#e53935;border-color:#e53935}

/* part Q: review step - Cancel | Confirm */
.tdc-dmcancel{flex:0 0 auto;min-height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--tdc-border);background:var(--tdc-panel2);color:var(--tdc-strong);font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}
.tdc-dmcancel:hover{border-color:#e53935;color:#e53935}

/* part R: headings inside the drawing properties */
.tdc-props h4.tdc-phead{margin:12px 0 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}

/* part S: multi-chart - the grid of charts, and the page of one extra chart / a chart in its own window */
.tdc-mc{flex:1;min-height:0;display:grid;gap:3px;background:var(--tdc-border)}
.tdc-mccell{position:relative;min-width:0;min-height:0;display:flex;background:var(--tdc-bg);outline:2px solid transparent;outline-offset:-2px}
.tdc-mccell.on{outline-color:var(--tdc-accent)}
.tdc-mccell>.tdc-wrap{flex:1;min-height:0}
.tdc-mcframe{border:0;width:100%;height:100%;display:block;background:var(--tdc-bg)}
.tdc-mc-2c{grid-template-columns:1fr 1fr}
.tdc-mc-2r{grid-template-rows:1fr 1fr}
.tdc-mc-3{grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr}.tdc-mc-3>.tdc-mccell:first-child{grid-row:1/3}
.tdc-mc-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.tdc-mc-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}
.tdc-mc-8{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}
.tdc-mcpop{position:absolute;z-index:65;width:300px;max-width:calc(100% - 12px);background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.35);padding:10px 12px;color:var(--tdc-strong);font-size:12px}
.tdc-mcpop h4{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}
.tdc-mclays{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}
.tdc-mclay{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border:1px solid var(--tdc-border);border-radius:8px;background:transparent;color:var(--tdc-text);cursor:pointer;font-size:11px}
.tdc-mclay.on{border-color:var(--tdc-accent);color:var(--tdc-strong);background:var(--tdc-panel2)}
.tdc-mclay.tdc-mclock{position:relative;border-style:dashed;color:var(--tdc-muted)}
.tdc-mclay.tdc-mclock .tdc-mcico{opacity:.45}
.tdc-mclk{position:absolute;right:3px;top:3px;display:flex;color:var(--tdc-text)}
.tdc-mcico{display:grid;gap:2px;width:34px;height:24px}
.tdc-mcico i{background:var(--tdc-muted);border-radius:2px;display:block}
.tdc-mclay.on .tdc-mcico i{background:var(--tdc-accent)}
.tdc-mcpop label{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}
.tdc-mcwin{margin-top:8px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:8px;border:1px solid var(--tdc-border);background:var(--tdc-panel2);color:var(--tdc-strong);cursor:pointer;font-size:12px}
.tdc-mcnote{margin:8px 0 0;color:var(--tdc-muted);line-height:1.4}
.tdc-embed-body{margin:0;height:100vh;overflow:hidden;background:#131722}
.tdc.tdc-embed{height:100vh !important;min-height:0 !important;border:0;border-radius:0}
.tdc-pane .tdc-wrap{min-height:60px}
.tdc-pane .tdc-ticker,.tdc-pane .tdc-right,.tdc-pane .tdc-rail,.tdc-embed .tdc-ws{display:none !important}
.tdc-embed-msg{color:#9598a1;font:14px system-ui,sans-serif;padding:20px}
.tdc-pane .tdc-bottom>*{flex-shrink:0}
/* several charts (part S): the first chart is a cell like the others - tools | chart + range bar */
.tdc-mccol{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.tdc-mccol>.tdc-wrap{flex:1;min-height:60px}
.tdc-mccell>.tdc-left{flex:0 0 46px;gap:0;padding:3px 0}
.tdc-pane .tdc-left{gap:0;padding:3px 0}
/* small charts: nothing runs over anything else */
.tdc-embed .tdc-top>*{flex-shrink:0}
.tdc-pane .tdc-status,.tdc-pane .tdc-save,.tdc-pane .tdc-pro{display:none}
.tdc-pane.tdc-sm .tdc-wide>span{display:none}
.tdc-pane.tdc-sm .tdc-sep{display:none}
.tdc-sm .tdc-bottom .tdc-range{padding:0 5px}
.tdc-pane.tdc-xs .tdc-tf:not(.on),.tdc-pane.tdc-xs .tdc-indmore,.tdc-pane.tdc-xs .tdc-top .tdc-sep{display:none}
.tdc-mccell .tdc-bottom>*{flex-shrink:0}

/* ---- parts T / U ---- */
/* the drawing toolbar can be folded away: only a thin tab stays */
.tdc-left{position:relative}
.tdc-ltab{position:sticky;bottom:0;margin-top:auto;flex:0 0 auto;width:30px;height:24px;border:0;border-radius:6px;background:var(--tdc-bg);color:var(--tdc-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.tdc-ltab:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-lhide .tdc-left,.tdc-lhide .tdc-mccell>.tdc-left{width:16px !important;flex:0 0 16px !important;padding:6px 0 !important;border-right:0;overflow:hidden;align-items:flex-start}
.tdc-lhide .tdc-left>*:not(.tdc-ltab){display:none !important}
.tdc-lhide .tdc-ltab{position:static;margin:0;width:16px;height:46px;border-radius:0 8px 8px 0;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-left:0}
/* zoom / move buttons: smaller; in a layout they live in the range bar under the chart */
.tdc-nav{padding:2px;border-radius:7px}
.tdc-nbtn{width:24px;height:24px}
.tdc-nav-dock{position:static !important;right:auto;bottom:auto;opacity:1 !important;pointer-events:auto !important;background:transparent;border:0;box-shadow:none;padding:0;margin:0 6px;gap:0;transition:none}
.tdc-nav-dock .tdc-nbtn{width:24px;height:24px}
/* a small chart: nothing floats over the candles (the tools stay in the toolbar on the left) */
.tdc-tiny .tdc-ftbshow{display:none !important}
.tdc-tiny .tdc-favbar{flex-wrap:nowrap}
/* BUY / SELL review bar on an extra chart */
.tdc-dmpbar{position:absolute;left:8px;right:calc(var(--tdc-axisw,56px) + 8px);bottom:8px;z-index:8;display:none;align-items:stretch;gap:6px;padding:6px;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.tdc-dmpbar .tdc-dmcancel{min-height:38px;padding:0 12px}
.tdc-dmpbar .tdc-dmplace{min-width:0}
.tdc-dmpbar .tdc-dmplace b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tdc-dmperr{align-self:center;color:var(--tdc-down);font-size:11px;max-width:40%}
/* layout menu: rows by number of charts + "Sync in layout" switches */
.tdc-mcpop{width:340px}
.tdc-mclays{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.tdc-mcrow{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--tdc-border)}
.tdc-mcrow:last-child{border-bottom:0}
.tdc-mcn{width:18px;color:var(--tdc-muted);font-size:12px;font-weight:600}
.tdc-mclay{padding:5px 6px;flex-direction:row;border-color:transparent}
.tdc-mclay:hover{background:var(--tdc-panel2)}
.tdc-mcpop .tdc-mcsw{display:flex;align-items:center;gap:6px;padding:7px 4px;cursor:pointer;position:relative}
.tdc-mcsw:hover{background:var(--tdc-panel2);border-radius:6px}
.tdc-mcsw>span:first-child{flex:0 1 auto;font-size:13px}
.tdc-mcsw input{position:absolute;opacity:0;pointer-events:none}
.tdc-mctrack{position:relative;margin-left:auto;flex:none;width:34px;height:20px;border-radius:10px;background:var(--tdc-panel2);box-shadow:inset 0 0 0 1px var(--tdc-border);transition:background .15s}
.tdc-mctrack::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.tdc-mcsw input:checked+.tdc-mctrack{background:var(--tdc-accent)}
.tdc-mcsw input:checked+.tdc-mctrack::after{transform:translateX(14px)}
.tdc-mcsw input:focus-visible+.tdc-mctrack{outline:2px solid var(--tdc-accent);outline-offset:2px}
.tdc-mcinfo{position:relative;flex:none;width:15px;height:15px;border-radius:50%;border:1px solid var(--tdc-muted);color:var(--tdc-muted);font:italic 700 10px/13px Georgia,serif;text-align:center}
.tdc-mcinfo:hover::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-30%);width:210px;padding:7px 9px;border-radius:7px;background:#000;color:#fff;font:400 11.5px/1.35 system-ui,sans-serif;text-align:left;z-index:5;pointer-events:none}

/* ---- part V: favourites bar docked in the bar under the chart, star in the toolbar, day separators ---- */
.tdc-favbar.tdc-fav-dock{position:static;left:auto;top:auto;transform:none;box-shadow:none;background:transparent;border:0;padding:0;max-width:none;flex:0 0 auto;z-index:auto}
.tdc-fav-dock .tdc-fbtn{width:28px;height:26px}
.tdc-favstar.on{color:#f5a623}
.tdc-bottom .tdc-nav-dock{flex:0 0 auto}

/* ---- replay (part V) ---- */
.tdc-replay .tdc-wrap{box-shadow:inset 0 0 0 2px rgba(245,166,35,.55)}
.tdc-rpbar{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:11;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:4px 6px;background:var(--tdc-panel);border:1px solid #f5a623;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.4);max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden}
.tdc-rptag{background:#f5a623;color:#131722;font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 7px;border-radius:5px}
.tdc-rptxt{color:var(--tdc-text);font-size:12px;padding:0 6px}
.tdc-rpb{height:28px;min-width:28px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:var(--tdc-strong);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.tdc-rpb:hover{background:var(--tdc-panel2)}
.tdc-rpplay{color:#f5a623}
.tdc-rpx:hover{color:#ef5350}
.tdc-rpbtn.on{color:#f5a623}
.tdc-xs .tdc-rptxt{display:none}

/* ---- icons / emoji picker (part V) ---- */
.tdc-emobox{max-width:420px}
.tdc-emogrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:10px 0}
.tdc-emo{font-size:22px;line-height:1;padding:5px 0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}
.tdc-emo:hover{background:var(--tdc-panel2);border-color:var(--tdc-border)}
@media (max-width:520px){.tdc-emogrid{grid-template-columns:repeat(6,1fr)}}

/* ---- share a link (part W) ---- */
.tdc-sharebox{max-width:460px}
.tdc-sharebox textarea{width:100%;box-sizing:border-box}
.tdc-sharebox .tdc-gact{flex-wrap:wrap}

/* ---- object tree + data window (part W) ---- */
.tdc-ottabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--tdc-border)}
.tdc-ottab{flex:1;height:30px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--tdc-text);font-size:12px;font-weight:600;cursor:pointer}
.tdc-ottab.on{color:var(--tdc-strong);border-bottom-color:var(--tdc-accent)}
.tdc-otbody{padding:6px 8px 12px;overflow:auto;flex:1;min-height:0}
.tdc-oth{margin:10px 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}
.tdc-otrow{display:flex;align-items:center;gap:1px;padding:1px 2px;border-radius:6px}
.tdc-otrow:hover{background:var(--tdc-panel)}
.tdc-otrow.sel{background:var(--tdc-panel2);outline:1px solid var(--tdc-accent)}
.tdc-otrow .tdc-oname,.tdc-otrow .tdc-oname2{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--tdc-strong);font-size:12px;text-align:left;cursor:pointer;padding:4px 2px;overflow:hidden;white-space:nowrap}
.tdc-otrow .tdc-oname b,.tdc-otrow .tdc-oname2 b{overflow:hidden;text-overflow:ellipsis;font-weight:600}
.tdc-otrow .tdc-oname span{color:var(--tdc-muted);overflow:hidden;text-overflow:ellipsis}
.tdc-otrow .tdc-mini{width:22px;min-width:22px;height:22px;padding:0}
.tdc-otall{justify-content:center;margin-top:8px}
.tdc-dwhead{font-weight:700;color:var(--tdc-strong);margin:6px 0 2px}
.tdc-dwdate{color:var(--tdc-text);font-size:12px;margin-bottom:6px}
.tdc-dwrow{display:flex;justify-content:space-between;gap:8px;padding:3px 0;font-size:12.5px;color:var(--tdc-text);border-bottom:1px solid var(--tdc-border);font-variant-numeric:tabular-nums}
.tdc-dwrow b{color:var(--tdc-strong)}
.tdc-dwind{margin:10px 0 2px;font-weight:700;font-size:12px;color:var(--tdc-strong)}

.tdc-rprow{display:flex;align-items:center;gap:4px;white-space:nowrap}
.tdc-rptrade{border-top:1px solid var(--tdc-border);padding-top:3px}
.tdc-rpbuy{background:#2962ff;color:#fff}.tdc-rpbuy:hover{background:#1e53e5}
.tdc-rpsell{background:#f23645;color:#fff}.tdc-rpsell:hover{background:#d92c3a}
.tdc-rpstat{color:var(--tdc-text);font-size:12px;padding:0 6px}
.tdc-rpstat b{color:var(--tdc-strong)}.tdc-rpstat b.up{color:#26a69a}.tdc-rpstat b.down{color:#ef5350}
.tdc-rpfield{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;font-size:13px}
.tdc-rpfield input{width:90px}
.tdc-xs .tdc-rptrade .tdc-rpstat{display:none}

/* ---- the top bar: no button runs over another (part X) ---- */
.tdc-top>*{flex-shrink:0}
.tdc-top .tdc-status{flex-shrink:0}                                   /* never half a word: the words go as a whole (step c1), the dot stays */
.tdc-stshort{display:none}
.tdc-c1 .tdc-top .tdc-stlong{display:none}                    /* narrower: the short word (Live / Offline / Closed ...) */
.tdc-c1 .tdc-top .tdc-stshort{display:inline}
.tdc-c1 .tdc-top .tdc-status{padding:0 6px}
.tdc-c6 .tdc-top .tdc-stshort{display:none}                    /* very narrow: only the coloured dot */
.tdc-c2 .tdc-top .tdc-wide>span,.tdc-c2 .tdc-top .tdc-fs>span{display:none}
.tdc-c3 .tdc-top .tdc-pro{display:none}
.tdc-c4 .tdc-top .tdc-sep,.tdc-c4 .tdc-top .tdc-save{display:none}
.tdc-c5 .tdc-top .tdc-tf:not(.on){display:none}                  /* very narrow: only the open timeframe stays, the others are in the arrow menu */

/* ---- the bar under the chart never lets buttons run over each other (part Y) ---- */
.tdc-bottom>*{flex-shrink:0}
.tdc-b1 .tdc-bottom .tdc-clock{display:none}
.tdc-b2 .tdc-ranges .tdc-range:nth-child(1),.tdc-b2 .tdc-ranges .tdc-range:nth-child(2),.tdc-b2 .tdc-ranges .tdc-range:nth-child(6),.tdc-b2 .tdc-ranges .tdc-range:nth-child(8){display:none}
.tdc-b3 .tdc-ranges .tdc-range:nth-child(4),.tdc-b3 .tdc-ranges .tdc-range:nth-child(5){display:none}
.tdc-b4 .tdc-bottom .tdc-fav-dock{display:none !important}

/* ---- part Y: emoji groups, navigation buttons choice ---- */
.tdc-emobox{max-width:460px}
.tdc-emotabs{display:flex;gap:2px;border-bottom:1px solid var(--tdc-border);margin:6px 0 4px;overflow-x:auto;scrollbar-width:none}
.tdc-emotab{flex:none;font-size:20px;line-height:1;padding:6px 9px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}
.tdc-emotab.on{border-bottom-color:var(--tdc-accent);background:var(--tdc-panel2)}
.tdc-emobody{max-height:300px;overflow:auto;padding-right:2px}
.tdc-emobody h4{margin:8px 0 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}
.tdc-nav-never .tdc-nav-dock{display:none !important}
.tdc-nav-hover .tdc-nav-dock{opacity:0 !important;transition:opacity .15s}
.tdc-nav-hover .tdc-center:hover .tdc-nav-dock{opacity:1 !important}

.tdc-psep{height:1px;margin:4px 6px;background:var(--tdc-border)}

/* ---- part Y: watchlists ---- */
.tdc-wlname{display:inline-flex;align-items:center;gap:6px;max-width:70%;height:30px;padding:0 8px 0 0;border:0;border-radius:6px;background:transparent;color:var(--tdc-strong);cursor:pointer}
.tdc-wlname b{font-size:14px;text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-wlname:hover{background:var(--tdc-panel2)}
.tdc-wcol{cursor:pointer;user-select:none}
.tdc-wcol:hover,.tdc-wcol.on{color:var(--tdc-strong)}

/* ---- part Y: layouts ---- */
.tdc-laybtn .tdc-laylab{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-layauto{width:6px;height:6px;border-radius:50%;background:#26a69a;margin-left:-2px;align-self:flex-start;margin-top:8px}
.tdc-laylist{max-width:480px}
.tdc-layrows{max-height:340px;overflow:auto;margin:8px 0}
.tdc-layrow{display:flex;align-items:center;gap:2px;border-radius:8px;padding:2px 4px}
.tdc-layrow:hover{background:var(--tdc-panel)}
.tdc-layrow.on{outline:1px solid var(--tdc-accent)}
.tdc-laymain{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:0;background:transparent;color:var(--tdc-strong);cursor:pointer;padding:6px 6px;text-align:left}
.tdc-laymain b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tdc-laymain span{font-size:11px;color:var(--tdc-muted)}

/* ---- part Z: partial booking bar on top of the order panel ---- */
.tdc-dmquick{flex:none;padding:8px 10px 10px;border-bottom:1px solid var(--tdc-border);background:var(--tdc-panel)}
.tdc-dmqh{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px;color:var(--tdc-muted)}
.tdc-dmqh b{color:var(--tdc-strong);font-size:12.5px}
.tdc-dmqh span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-dmqh i{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.tdc-dmqh i.up{color:#26a69a}.tdc-dmqh i.down{color:#ef5350}
.tdc-dmqgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.tdc-dmquick .tdc-dmmb{height:30px;padding:0 4px}
.tdc-dmquick .tdc-dmpart{margin-top:6px}
.tdc-dmq-off .tdc-dmmb,.tdc-dmq-off input{opacity:.45;cursor:not-allowed}

/* ---- part Z: a narrow chart (several charts in a layout) folds the end of its bars into "..." menus ---- */
.tdc-moret,.tdc-moreb{display:none}
.tdc-c6 .tdc-top .tdc-ovf{display:none}
.tdc-c6 .tdc-top .tdc-moret{display:inline-flex;position:sticky;right:0;z-index:3;background:var(--tdc-bg);box-shadow:-8px 0 8px var(--tdc-bg)}          /* the "..." menu is the way to everything that is hidden: it is always in view */
.tdc-c7 .tdc-top .tdc-c7h,.tdc-c8 .tdc-top .tdc-c8h{display:none}
.tdc-b1 .tdc-bottom .tdc-moreb{display:inline-flex}
.tdc-moret b,.tdc-moreb b{font-size:16px;line-height:1}
.tdc-sm .tdc-top .tdc-btn:not(.tdc-tf){padding:0 5px;min-width:28px}
.tdc-sm .tdc-top .tdc-tf{padding:0 6px}
.tdc-sm .tdc-bottom .tdc-nbtn{width:22px}


/* ---- part Z2: one bar at the top and one drawing toolbar for all the charts of a layout (the extra charts have none of their own) ---- */
.tdc-shared .tdc-top,.tdc-shared .tdc-left{display:none !important}
.tdc-tgn{display:none;align-items:center;justify-content:center;flex:none;min-width:20px;height:20px;padding:0 6px;margin:0 4px 0 8px;border-radius:10px;background:var(--tdc-accent);color:#fff;font-size:11px;font-weight:700;cursor:default}
.tdc-mc-on .tdc-tgn{display:inline-flex}
.tdc-mccell.on{outline-color:transparent}
.tdc-mc-on .tdc-mccell.on::after{content:"";position:absolute;inset:0;border:2px solid var(--tdc-accent);pointer-events:none;z-index:30}
.tdc-mc{position:relative}

.tdc-mcpop{max-height:calc(100% - 64px);overflow:auto}
.tdc-mcpop h4{position:relative}
.tdc-mcx{position:absolute;right:0;top:-6px;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--tdc-muted);font-size:20px;line-height:1;cursor:pointer}
.tdc-mcx:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-dmc1{margin-left:6px;padding:1px 7px;border-radius:9px;background:var(--tdc-panel2);color:var(--tdc-muted);font-size:11px;font-weight:600}
.tdc-dmclose{display:none !important}
@media (max-width:1000px){
    .tdc-right.tdc-fixedw{max-width:calc(100% - 46px);flex:0 0 auto}
    .tdc-right.tdc-fixedw.tdc-cover{right:0;max-width:100%}
    .tdc-dmclose{display:inline-flex !important}
}
.tdc-right.tdc-fixedw .tdc-rsplit{display:none}
.tdc-dm .tdc-rhead{flex-wrap:wrap;row-gap:4px}
.tdc-dm .tdc-rhead b{white-space:nowrap}
.tdc-dmc1,.tdc-dmtag{white-space:nowrap}
/* ---- part Z5: adjust the layout: the lines between the charts, the grip / maximise bar of the clicked chart, swap target, maximised chart ---- */
.tdc-mcdiv{position:absolute;z-index:40;touch-action:none;outline:none}
.tdc-mcdiv.v{cursor:col-resize}
.tdc-mcdiv.h{cursor:row-resize}
.tdc-mcdiv::after{content:"";position:absolute;background:transparent;border-radius:2px;transition:background .12s}
.tdc-mcdiv.v::after{left:3px;right:3px;top:0;bottom:0}
.tdc-mcdiv.h::after{top:3px;bottom:3px;left:0;right:0}
.tdc-mcdiv:hover::after,.tdc-mcdiv.drag::after,.tdc-mcdiv:focus-visible::after{background:var(--tdc-accent)}
.tdc-mcshield{position:absolute;inset:0;z-index:39;background:transparent}
.tdc-noselect,.tdc-noselect *{user-select:none !important}
.tdc-mctools{position:absolute;top:6px;right:72px;z-index:32;display:none;align-items:center;gap:2px;padding:2px;border-radius:7px;background:var(--tdc-panel);border:1px solid var(--tdc-border);box-shadow:0 4px 12px rgba(0,0,0,.25);opacity:.9}
.tdc-mctools:hover{opacity:1}
.tdc-mc-on .tdc-mccell.on:hover>.tdc-mctools,.tdc-mc-on .tdc-mccell.on:focus-within>.tdc-mctools,.tdc-mc-max .tdc-mccell.tdc-mcmax>.tdc-mctools{display:flex}
@media (hover:none){.tdc-mc-on .tdc-mccell.on>.tdc-mctools{display:flex}}          /* a phone / tablet has no mouse to hover: the bar stays on the clicked chart */
.tdc-mctools .tdc-mcgrip{width:18px;height:22px;touch-action:none}
.tdc-mcmaxb{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--tdc-muted);cursor:pointer}
.tdc-mcmaxb:hover,.tdc-mcmaxb:focus-visible{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-mccell.tdc-mcdrop::before{content:"";position:absolute;inset:6px;border:2px dashed var(--tdc-accent);border-radius:8px;background:rgba(41,98,255,.10);z-index:41;pointer-events:none}
.tdc-mc.tdc-mc-max>.tdc-mccell:not(.tdc-mcmax){display:none}
.tdc-mcacts{display:flex;gap:6px;margin:0 0 8px}
.tdc-mcact{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:8px;border:1px solid var(--tdc-border);background:var(--tdc-panel2);color:var(--tdc-strong);font-size:12px;cursor:pointer}
.tdc-mcact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-mcact:hover{border-color:var(--tdc-accent)}
.tdc-mc-3>.tdc-mccell:first-child{grid-row:auto}          /* who gets the big place is set by the layout code (the charts can swap places) */
/* ---- part Z6: the favourite bar never breaks into two lines when there is room; the small bar of a selected indicator ---- */
.tdc-favbar{width:max-content}
.tdc-indbar{position:absolute;z-index:22;display:flex;align-items:center;gap:2px;padding:3px 4px 3px 10px;border-radius:8px;background:var(--tdc-panel);border:1px solid var(--tdc-border);box-shadow:0 6px 18px rgba(0,0,0,.35);white-space:nowrap}
.tdc-indbar-t{max-width:160px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600;color:var(--tdc-strong);margin-right:4px}
.tdc-indbar .tdc-btn{width:28px;height:28px}
/* ---- part Z8: the bar under a chart hides its buttons ONLY when they do not fit (steps b1..b7: clock, rare ranges, 3M/6M, docked favourites, % / log, Reset + move buttons, auto), whatever the size of the chart; what is hidden is in its "⋯" ---- */
.tdc-b5 .tdc-bottom .tdc-sc:not(.tdc-scauto){display:none}
.tdc-b6 .tdc-bottom .tdc-rst,.tdc-b6 .tdc-bottom .tdc-nav-dock .tdc-nbtn:nth-child(3),.tdc-b6 .tdc-bottom .tdc-nav-dock .tdc-nbtn:nth-child(4){display:none}
.tdc-b7 .tdc-bottom .tdc-scauto{display:none}
/* ---- part Z15: the workspace tabs under the chart never show half a badge (w1: no "Soon" badges, w2: icons only) ---- */
.tdc-w1 .tdc-wstab em{display:none}
.tdc-w2 .tdc-wstab{padding:0 7px;gap:4px}
.tdc-w3 .tdc-wstab span{display:none}
.tdc-w3 .tdc-wstab{padding:0 12px}
/* ---- part Z9: the bar of a picked drawing can be moved; the layout grip bar steps aside while it is open ---- */
.tdc-ftb{width:max-content;max-width:calc(100% - 8px)}
.tdc-ftb .tdc-dtbgrip{width:16px;height:28px;margin-right:2px;touch-action:none}
.tdc-mccell.tdc-mcnotools>.tdc-mctools{display:none !important}
/* ---- part Z10: every icon of the drawing toolbar on one centre line (the small arrow of a group sits beside it, it no longer pushes the icon) ---- */
.tdc-left .tdc-lgroup{width:32px;justify-content:center}
.tdc-left .tdc-lgroup>.tdc-caret{position:absolute;left:calc(100% - 1px);top:50%;transform:translateY(-50%);width:8px}
@media (max-width:760px){.tdc-left .tdc-lgroup{width:28px}}
/* ---- part Z11: the emoji panel next to the drawing toolbar (like TradingView) ---- */
.tdc-pop.tdc-emopop{width:336px;max-width:calc(100% - 60px);padding:0;display:flex;flex-direction:column;max-height:min(440px,84%);overflow:hidden}
.tdc-emopop .tdc-emotabs{flex:none;margin:0;padding:4px 6px 0;justify-content:space-between}
.tdc-emopop .tdc-emotab{flex:1;font-size:18px;padding:7px 0 6px}
.tdc-emopop .tdc-emobody{flex:1;max-height:none;overflow-y:auto;padding:2px 8px 10px;min-height:0}
.tdc-emopop .tdc-emobody h4{margin:10px 2px 4px}
.tdc-emopop .tdc-emogrid{grid-template-columns:repeat(8,1fr);gap:2px;margin:0}
.tdc-emopop .tdc-emo{font-size:22px;padding:4px 0}
.tdc-favbar{flex-wrap:nowrap}
.tdc-favbar.tdc-fb-compact{gap:0;padding:2px}
.tdc-fb-compact .tdc-fbtn{width:26px;height:28px}
.tdc-fb-compact .tdc-fgrip{width:12px}
/* ---- part Z14: the favourite tools sit in the middle of the bar under the chart (like TradingView); its grip drags it out over the chart ---- */
.tdc-favbar.tdc-fav-dock{background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:7px;padding:1px 2px;gap:0}
.tdc-fav-dock .tdc-fgrip{display:grid;width:12px;height:24px}
.tdc-fav-dock .tdc-fbtn{width:28px;height:24px}
/* ---- part Z15 (layout audit): small fixes found with the overlap / clipping audit ---- */
.tdc-dmqh{flex-wrap:wrap;row-gap:2px}
.tdc-dmqh span{flex:1 1 130px;white-space:normal;overflow:visible;text-overflow:clip}
/* ---- part Z15b: the replay bar wraps into two rows on a narrow chart (its buttons were cut off at the edge) ---- */
.tdc-rpbar{width:max-content;overflow:visible}
.tdc-rpbar .tdc-rprow{flex-wrap:wrap;row-gap:2px;justify-content:center}
.tdc-rpb,.tdc-rptag{white-space:nowrap}
.tdc-rptxt{white-space:normal;min-width:0}
/* ---- part Z15c: the buttons of the layout menu wrap their words instead of cutting them ---- */
.tdc-mcact span{white-space:normal;text-align:center;line-height:1.25;overflow:visible;text-overflow:clip}
/* ---- part Z15d: while the replay bar is open the BUY / SELL box is not shown (it lay under the bar on a narrow chart) ---- */
.tdc-replay .tdc-qt{display:none !important}
/* ---- part Z16: indicator settings with tabs (Inputs / Style / Visibility), saved defaults and templates ---- */
.tdc-indset{min-width:min(440px,86vw)}
.tdc-indset .tdc-pbody{max-height:min(52vh,420px);overflow-y:auto;padding:6px 2px 4px}
.tdc-indset .tdc-itabs{margin-bottom:6px}
.tdc-plot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--tdc-border)}
.tdc-plot>input[type=checkbox]{width:18px;height:18px;accent-color:var(--tdc-accent);flex:0 0 auto}
.tdc-plotn{flex:1 1 90px;min-width:70px;color:var(--tdc-strong);font-size:13px}
.tdc-plot .tdc-fin{min-width:0;max-width:92px;padding:5px 6px}
.tdc-plot select.tdc-fin:last-child{max-width:112px}
.tdc-plot .tdc-fin.tdc-color{width:46px;min-width:46px;max-width:46px;padding:0}
.tdc-tpl{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:8px 10px;border:1px solid var(--tdc-border);border-radius:8px;background:var(--tdc-bg)}
.tdc-tpl:empty{display:none}
.tdc-tpl .tdc-note{margin:0;padding:0;background:transparent}
.tdc-tplb{border:1px solid var(--tdc-border);height:28px;justify-content:flex-start;padding:0 10px}
.tdc-tplrow{display:flex;align-items:center;gap:6px}
.tdc-tplname{flex:1;min-width:0;text-align:left;border:0;background:var(--tdc-panel);color:var(--tdc-strong);height:28px;border-radius:6px;padding:0 8px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-tplname:hover{background:var(--tdc-panel2)}
.tdc-fin.tdc-tplin{flex:1;max-width:none;min-width:0}
.tdc-setrow{display:flex;align-items:center;gap:6px;padding:7px 4px;border-bottom:1px solid var(--tdc-border)}
.tdc-setrow b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tdc-strong)}
.tdc-setrow small{color:var(--tdc-muted);white-space:nowrap}
.tdc-patrow{display:grid;grid-template-columns:10px minmax(0,1.2fr) 44px minmax(0,2.6fr);gap:8px;align-items:baseline;padding:6px 4px;border-bottom:1px solid var(--tdc-border);font-size:12px;color:var(--tdc-text)}
.tdc-patrow b{color:var(--tdc-strong)}
.tdc-patrow code{font-size:11px;color:var(--tdc-muted)}
.tdc-patdot{width:8px;height:8px;border-radius:50%;background:#9598a1;align-self:center}
.tdc-patdot.up{background:#26a69a}.tdc-patdot.down{background:#ef5350}
/* ---- part Z21: the name list of an indicator pane sits in that pane; a small bar to move / maximise / collapse a pane; the line between panes is draggable ---- */
.tdc-plegend{position:absolute;left:8px;display:flex;flex-direction:column;gap:2px;z-index:3;pointer-events:none;overflow:hidden}
.tdc-nolegend .tdc-plegend{display:none}
.tdc-panebar{position:absolute;z-index:6;display:flex;gap:1px;padding:2px;border-radius:7px;background:var(--tdc-panel);border:1px solid var(--tdc-border);opacity:.55}
.tdc-panebar:hover,.tdc-panebar:focus-within{opacity:1}
.tdc-pbtn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--tdc-text);cursor:pointer}
.tdc-pbtn:hover:not(:disabled){background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-pbtn:disabled{opacity:.3;cursor:default}
.tdc-lmore{display:block;font-size:15px;line-height:10px}
.tdc-plegend .tdc-lrow{max-width:100%;overflow:hidden;white-space:nowrap}
.tdc-plegend.tdc-novals .tdc-lval{display:none}
@media (max-width:480px){.tdc-pbtn{width:26px;height:26px}.tdc-panebar .tdc-pbtn:nth-child(-n+2){display:none}}          /* a phone: only maximise and collapse (the order of the panes can be changed from a bigger screen) */
@media (max-width:480px){.tdc-patrow{grid-template-columns:10px 1fr 44px}.tdc-patrow span{grid-column:2 / 4}}
@media (max-width:480px){.tdc-plot .tdc-fin{max-width:78px;padding:5px 4px}.tdc-plotn{flex-basis:60px;min-width:60px}.tdc-setrow small{display:none}}
/* part Z23: custom timeframes */
.tdc-ctfask{min-width:min(320px,86vw)}
.tdc-ctfrow{display:flex;gap:8px}
.tdc-ctfrow .tdc-fin{flex:1 1 0;min-width:0}
.tdc-tfadd span{display:inline-flex;align-items:center;gap:6px;color:var(--tdc-accent)}
.tdc-prow .tdc-tfdel{margin-left:2px}
/* part Z23: go to date, keyboard shortcuts */
.tdc-goto{min-width:min(380px,86vw)}
.tdc-goto .tdc-frow{margin-top:8px}
.tdc-gotob{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tdc-b2 .tdc-ranges .tdc-gotob1{display:none}
.tdc-gotob1{display:inline-flex;align-items:center}
.tdc-keys{min-width:min(560px,90vw)}
.tdc-keyl{max-height:min(62vh,540px);overflow-y:auto;padding-right:4px}
.tdc-keyl h4{margin:14px 0 4px;font-size:12px;color:var(--tdc-strong);text-transform:uppercase;letter-spacing:.05em}
.tdc-keyl h4:first-child{margin-top:4px}
.tdc-keyr{display:flex;gap:12px;align-items:center;padding:5px 0;border-bottom:1px solid var(--tdc-border);font-size:13px;color:var(--tdc-text)}
.tdc-keyk{flex:0 0 190px;color:var(--tdc-strong)}
.tdc-keyr kbd{display:inline-block;min-width:22px;padding:1px 6px;border:1px solid var(--tdc-border);border-bottom-width:2px;border-radius:5px;background:var(--tdc-panel2);font:inherit;font-size:12px;text-align:center}
@media (max-width:480px){.tdc-keyk{flex-basis:128px}}
/* part Z23c: the shortcut list - the description wraps inside the box instead of running under its edge */
.tdc-keyl{padding-right:10px}
.tdc-keyr>span:last-child{flex:1;min-width:0;overflow-wrap:anywhere}
.tdc-keyr .tdc-keyk{white-space:normal}
/* part Z23b: compare symbol - the rows under the price line, the small menu, the box */
.tdc-cmpbox{position:absolute;left:8px;top:64px;display:flex;flex-direction:column;gap:2px;z-index:3;pointer-events:none}
.tdc-cmpbox:empty{display:none}
.tdc-cmprow .tdc-cdot{width:8px;height:8px;border-radius:50%;flex:none}
.tdc-cval i{font-style:normal;font-variant-numeric:tabular-nums;margin-left:2px}
.tdc-cerr{color:var(--tdc-down);font-weight:700}
.tdc-cmppop{min-width:210px}
.tdc-cmpcols{display:flex;gap:8px;padding:6px 10px;flex-wrap:wrap}
.tdc-cmpsw{width:22px;height:22px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer}
.tdc-cmpsw.on{border-color:var(--tdc-strong)}
.tdc-cmpmodes{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
.tdc-cmpask .tdc-symrow i{margin-left:auto;color:var(--tdc-accent);font-style:normal}
/* part Z24a: watchlist sections, flags, import / export, groups of symbols */
.tdc-wsec{display:flex;align-items:center;gap:6px;padding:10px 14px 4px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--tdc-muted);cursor:pointer;user-select:none}
.tdc-wsec:hover{color:var(--tdc-strong)}
.tdc-wsec b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.tdc-wsec .tdi{flex:none;transition:transform .15s}
.tdc-wsec.col .tdi{transform:rotate(-90deg)}
.tdc-wsect{display:none;gap:2px}
.tdc-wsec:hover .tdc-wsect{display:inline-flex}
@media (hover:none){.tdc-wsect{display:inline-flex}}
.tdc-wsb{border:0;background:transparent;color:var(--tdc-text);padding:2px;border-radius:4px;line-height:0;cursor:pointer}
.tdc-wsb:hover{color:var(--tdc-strong);background:var(--tdc-panel2)}
.tdc-wflag{display:inline-flex;flex:none;margin-left:5px}
.tdc-wflag svg{fill:currentColor}
.tdc-wmtools{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tdc-wmsec{background:var(--tdc-panel)}
.tdc-wmsec b{text-transform:uppercase;font-size:12px;letter-spacing:.05em}
.tdc-wmflag.on svg{fill:currentColor}
.tdc-wlta{width:100%;min-height:104px;font-family:inherit;resize:vertical;margin-top:8px;box-sizing:border-box}
.tdc-wlfile{margin-top:8px;max-width:100%;font-size:12px;color:var(--tdc-text)}
.tdc-cats{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tdc-cat{height:28px;padding:0 10px;border:1px solid var(--tdc-border)}
.tdc-cat.on{background:var(--tdc-panel2);color:var(--tdc-accent)}
/* part Z24a2: the flag takes a little room in a row of the list: the symbol column is a bit wider and the gaps tighter, so the name is never cut */
.tdc-wcols,.tdc-wrow{grid-template-columns:minmax(90px,1.4fr) 1fr .85fr .85fr}
.tdc-wsym .tdc-wflag{margin-left:0}
.tdc-wsym .tdc-wflag svg{width:11px;height:11px}
.tdc-wrow.flagged .tdc-wsym{gap:5px}
/* part Z24a3: the export / import boxes are as wide as a text box needs */
.tdc-wlio{min-width:min(520px,86vw)}
/* part Z24a4: the text box of the export / import fills the box */
.tdc-wlio textarea.tdc-wlta{display:block;width:100%;max-width:none;box-sizing:border-box}
/* part Z24b: the alert box - what the alert looks at (indicator settings), templates */
.tdc-alparams{display:contents}
.tdc-altpl{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.tdc-altpl-l{flex:none;font-size:12px;color:var(--tdc-muted)}
.tdc-altpl select{flex:1 1 140px;min-width:0}
.tdc-altpl .tdc-altpl-n{flex:1 1 140px;min-width:0}
/* part Z24c: the name of a layout wraps instead of being cut (the list has a copy button now) */
.tdc-laymain b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
/* part Script Studio: the Strategy Builder tab (write an indicator in Yashdhan Script), the "My scripts" and "Yashdhan" tabs of the Indicators box */
.tdc-ss{display:grid;grid-template-columns:210px minmax(0,1fr);height:100%;min-height:0}
.tdc-ss-side{border-right:1px solid var(--tdc-border);display:flex;flex-direction:column;min-height:0}
.tdc-ss-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:12px;color:var(--tdc-strong)}
.tdc-ss-list{overflow:auto;flex:1;padding:0 6px 8px}
.tdc-ss-list .tdc-note{padding:4px 6px;font-size:12px}
.tdc-ss-row{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:0;background:transparent;color:var(--tdc-text);padding:7px 8px;border-radius:6px;cursor:pointer;font-size:12px}
.tdc-ss-row span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-ss-row:hover{background:var(--tdc-panel)}
.tdc-ss-row.on{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdc-ss-row em{color:var(--tdc-down);font-style:normal;font-weight:700}
.tdc-ss-on{width:7px;height:7px;border-radius:50%;background:var(--tdc-up);flex:none}
.tdc-ss-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.tdc-ss-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;flex-wrap:wrap}
.tdc-ss-name{flex:1 1 150px;min-width:0;max-width:260px}
.tdc-ss-btns{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tdc-ss-b{height:30px}
.tdc-ss-run{display:inline-flex;align-items:center;gap:6px}
.tdc-ss-edit{position:relative;flex:1;min-height:70px;display:flex;border-top:1px solid var(--tdc-border);border-bottom:1px solid var(--tdc-border);background:var(--tdc-bg);overflow:hidden}
.tdc-ss-gut{margin:0;padding:8px 8px 8px 10px;font:12.5px/18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tdc-muted);text-align:right;overflow:hidden;user-select:none;min-width:34px;background:var(--tdc-panel);flex:none}
.tdc-ss-gut b{color:var(--tdc-down);font-weight:700}
.tdc-ss-ta{flex:1;min-width:0;border:0;outline:0;resize:none;background:transparent;color:var(--tdc-strong);padding:8px 10px;font:12.5px/18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto;tab-size:2}
.tdc-ss-status{padding:6px 10px;font-size:12px;min-height:18px}
.tdc-ss-status.ok{color:var(--tdc-up)}
.tdc-ss-status.bad{color:var(--tdc-down);cursor:pointer}
.tdc-ss-help{min-width:min(640px,92vw)}
.tdc-ss-helpb{max-height:min(62vh,540px);overflow:auto;padding-right:6px}
.tdc-ss-helpb h4{margin:14px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tdc-strong)}
.tdc-ss-helpb p{margin:0;font-size:13px;line-height:1.55;color:var(--tdc-text)}
.tdc-ss-helpb pre{margin:6px 0;padding:8px 10px;background:var(--tdc-bg);border:1px solid var(--tdc-border);border-radius:6px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tdc-strong)}
.tdc-ss-help h3{padding-right:34px}
.tdc-ss-helpb code{display:inline-block;max-width:100%;vertical-align:baseline;margin:1px 0;padding:0 4px;background:var(--tdc-bg);border-radius:4px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--tdc-strong);overflow-wrap:anywhere}
.tdc-ss-helpb pre code{padding:0;background:transparent}
.tdc-ydnote{display:flex;align-items:center;gap:6px;margin:6px 4px}
.tdc-irow b{flex:0 1 auto}
.tdc-ilist .tdc-irow span{flex:1 1 130px;min-width:120px}
.tdc-newscr{margin:8px 4px 2px;display:inline-flex;align-items:center;gap:6px}
@media (max-width:700px){
.tdc-ss{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:auto;min-height:100%}
.tdc-ss-main{min-height:380px}
.tdc-ss-edit{min-height:200px}
.tdc-ss-name{flex:1 1 100%;max-width:none}
.tdc-ss-side{border-right:0;border-bottom:1px solid var(--tdc-border);flex-direction:row;align-items:center;overflow-x:auto}
.tdc-ss-head{flex:none}
.tdc-ss-list{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px 6px;flex:1}
.tdc-ss-row{width:auto;flex:none;max-width:160px}
}
/* part feed guard: the order ticket says so when the prices are late (market orders wait) */
.tdc-dmfeedw{margin:0 0 8px;padding:6px 8px;border-radius:6px;background:rgba(245,185,66,.12);color:#f5b942;font-size:12px;line-height:1.4}
/* part E3 stage 2: Practice | Live (assets/js/td-live.js) - the switch at the top of the order panel, the account line, the connect card */
.tdc-lvbox{padding:8px 10px 8px;border-bottom:1px solid var(--tdc-border);background:var(--tdc-bg)}
.tdc-lvseg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--tdc-border);border-radius:8px;overflow:hidden}
.tdc-lvsegb{border:0;background:transparent;color:var(--tdc-text);padding:7px 0;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.tdc-lvsegb.on{background:var(--tdc-accent);color:#fff}
.tdc-lvsegb.live.on{background:#089981}
.tdc-lvsegb i{width:7px;height:7px;border-radius:50%;background:var(--tdc-muted);flex:none}
.tdc-lvsegb.on i{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.tdc-lvaccbar{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap}
.tdc-lvsel{flex:1 1 120px;min-width:0;max-width:none;height:28px;padding:2px 6px;font-size:12px}
.tdc-lvaccn1{flex:1 1 auto;min-width:0;color:var(--tdc-strong);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-lvkind{font-size:10px;font-weight:700;border-radius:10px;padding:2px 8px;white-space:nowrap;border:1px solid}
.tdc-lvkind.demo{color:#5ea3ff;border-color:rgba(94,163,255,.5)}
.tdc-lvkind.real{color:#ff6b6b;border-color:rgba(255,107,107,.6)}
.tdc-lvreal{margin-top:7px;padding:5px 8px;border-radius:6px;background:rgba(239,83,80,.14);color:#ff8a80;font-size:11px;font-weight:700;line-height:1.35}
.tdc-dmtag.lv{color:#26c6a5;border-color:rgba(38,198,165,.5)}
.tdc-dmtag.lv.real{color:#ff6b6b;border-color:rgba(255,107,107,.6)}
.tdc-lvcard{padding:10px 10px 12px}
.tdc-lvcard h4{margin:0 0 6px;color:var(--tdc-strong);font-size:14px}
.tdc-lvacc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;background:var(--tdc-panel);border:1px solid var(--tdc-border);border-radius:8px;padding:8px;margin:0 0 8px}
.tdc-lvaccn{flex:1 1 130px;min-width:0}
.tdc-lvaccn b{display:block;color:var(--tdc-strong);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-lvaccn small{display:block;color:var(--tdc-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdc-lvbadge{font-size:11px;font-weight:700;border-radius:10px;padding:2px 8px;white-space:nowrap}
.tdc-lvbadge.ok{color:#26c6a5;background:rgba(38,198,165,.14)}
.tdc-lvbadge.bad{color:#ff8a80;background:rgba(239,83,80,.14)}
.tdc-lvbadge.wait{color:#f5b942;background:rgba(245,185,66,.14)}
.tdc-lvmsg{flex:1 1 100%;margin:0 0 8px;font-size:12px;line-height:1.45;color:var(--tdc-text)}
.tdc-lvacc .tdc-lvmsg{margin:0}
.tdc-lvmsg.bad{color:#ff8a80}
.tdc-lvdisc{margin-left:auto}
.tdc-lvman{margin-left:auto;font-size:11px}
.tdc-dmday{margin:8px 0;padding:8px 10px;border:1px solid var(--tdc-border);border-radius:8px;background:var(--tdc-panel)}
.tdc-dmday.warn{border-color:#d9a400}
.tdc-dmday.bad{border-color:#e5484d;background:rgba(229,72,77,.08)}
.tdc-dmdayh{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--tdc-strong)}
.tdc-dmdaybar{height:5px;margin:6px 0 2px;border-radius:3px;background:rgba(127,127,127,.25);overflow:hidden}
.tdc-dmdaybar i{display:block;height:100%;background:#2e9e6a}
.tdc-dmday.warn .tdc-dmdaybar i{background:#d9a400}
.tdc-dmday.bad .tdc-dmdaybar i{background:#e5484d}
.tdc-dmday .tdc-snote{margin:6px 0 0}
.tdc-dmdayset{margin:12px 0 0;padding:10px;border:1px solid var(--tdc-border);border-radius:8px;background:var(--tdc-panel)}
.tdc-dmdayset h5{margin:0 0 6px;color:var(--tdc-strong);font-size:13px}
.tdc-dmdayset .tdc-snote{margin:0 0 8px}
.tdc-dmdayrow{display:flex;align-items:center;gap:8px}
.tdc-lvback{margin:0 0 8px}
.tdc-lvjr a{color:var(--tdc-accent,#4da3ff);text-decoration:underline}
.tdc-lvlife{flex:1 0 100%;margin:4px 0 0}
.tdc-lvf{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.tdc-lvrow{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--tdc-text)}
.tdc-lvrow .tdc-fin{width:100%;max-width:none;box-sizing:border-box}
.tdc-lvf .tdc-cta{width:100%}
.tdc-lvf .tdc-alcheck{align-items:flex-start;font-size:12px;line-height:1.4}
.tdc-lvhow{margin:0 0 10px;padding:8px 10px 8px 26px;border-left:3px solid var(--tdc-accent);background:var(--tdc-panel);border-radius:0 6px 6px 0;font-size:12px;line-height:1.5;color:var(--tdc-text)}
.tdc-lvhow li{margin:0 0 4px}
.tdc-lvhow li:last-child{margin:0}
.tdc-lvtg{margin:12px 0 0;padding:10px;border:1px solid var(--tdc-border);border-radius:8px;background:var(--tdc-panel)}
.tdc-lvtg h5{margin:0 0 6px;color:var(--tdc-strong);font-size:13px}
.tdc-lvtg .tdc-snote{margin:0 0 8px}
.tdc-lvtgb{width:100%}
.tdc-lvtgk{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;font-size:12px}
.tdc-lvtgr{display:flex;gap:10px;flex-wrap:wrap}

/* ---- the workspace under the chart (Z52, assets/js/td-workspace.js): a menu on the left, the picked panel on the right, the plan box and the wallet at the bottom of the menu */
.tdp .tdc.tdw{display:grid;grid-template-columns:236px minmax(0,1fr);height:clamp(520px,80vh,780px);margin:18px 0 22px;overflow:hidden}
.tdw-nav{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;padding:10px 8px;background:var(--tdc-panel);border-right:1px solid var(--tdc-border)}
.tdw-list{display:flex;flex-direction:column;gap:2px}
.tdw-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--tdc-text);font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.tdw-item:hover{background:var(--tdc-panel2);color:var(--tdc-strong)}
.tdw-item.on{background:var(--tdc-panel2);color:var(--tdc-strong);box-shadow:inset 3px 0 0 var(--tdc-accent)}
.tdw-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdw-item em,.tdw-wallet em{font-style:normal;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tdc-muted);border:1px solid var(--tdc-border);border-radius:6px;padding:0 5px;line-height:15px}
.tdw-item .tdw-lk{display:inline-flex;color:var(--tdc-muted)}
.tdw-item.locked{opacity:.88}
.tdw-foot{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:8px}
.tdw-plan{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border:1px solid var(--tdc-border);border-radius:10px;background:var(--tdc-bg)}
.tdw-plan .tdw-k{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}
.tdw-plan b{font-size:18px;color:var(--tdc-strong);line-height:1.2}
.tdw-plan .tdw-s{font-size:12px;color:var(--tdc-text);line-height:1.4}
.tdw-plan .tdc-cta{margin-top:6px;width:100%}
.tdw-up{display:flex;gap:8px;align-items:flex-start;margin-top:6px;padding:8px 9px;border-radius:8px;background:rgba(215,171,84,.12);border:1px solid rgba(215,171,84,.4);color:var(--tdc-strong);font-size:12px;line-height:1.4;text-decoration:none}
.tdw-up:hover{background:rgba(215,171,84,.2)}
.tdw-star{color:var(--tdc-gold)}
.tdc-cta.tdw-gold{background:var(--tdc-gold);color:#1a1a1a}
.tdc-cta.tdw-gold:hover{background:#e6bb68;color:#1a1a1a}
.tdw-wallet{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border:1px dashed var(--tdc-border);border-radius:8px;color:var(--tdc-muted);font-size:13px;font-weight:600}
.tdw-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--tdc-bg)}
.tdw-head{padding:14px 18px 10px;border-bottom:1px solid var(--tdc-border)}
.tdp .tdw .tdw-head h3{margin:0;color:var(--tdc-strong);font:700 17px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.tdw-head p{margin:3px 0 0;font-size:13px;line-height:1.5;color:var(--tdc-muted);max-width:780px}
.tdw-host{flex:1;min-height:0;padding:16px 18px 20px;overflow:auto}
.tdw-host.tdw-h-strategy{padding:0;overflow:hidden}
.tdp .tdw h4,.tdp .tdw h5{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tdc-strong);letter-spacing:0}
.tdw-card{max-width:780px}
.tdp .tdw .tdw-card h4{margin:0 0 6px;font-size:16px}
.tdw-card p{margin:0 0 12px;line-height:1.6;max-width:700px;color:var(--tdc-text)}
.tdw-ul{margin:0 0 14px;padding-left:20px;line-height:1.8;color:var(--tdc-text)}
.tdw-wh{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted);margin:8px 0 4px}
.tdw-lock{margin:6px auto;max-width:540px;padding:26px 20px;border:1px solid var(--tdc-border);border-radius:14px;background:var(--tdc-panel);text-align:center}
.tdw-lock p{margin-left:auto;margin-right:auto}
.tdw-lock .tdw-ul{display:inline-block;text-align:left;margin-bottom:10px}
.tdw-lic{display:flex;justify-content:center;margin-bottom:8px;color:var(--tdc-gold)}
.tdw-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.tdw-lock .tdw-act{justify-content:center}
.tdw-sec{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border:1px solid var(--tdc-border);border-radius:6px;color:var(--tdc-strong);text-decoration:none;font-weight:600;font-size:13px}
.tdw-sec:hover{background:var(--tdc-panel2)}
.tdw-plan .tdw-act{flex-direction:column}
.tdw-plan .tdw-act .tdc-cta,.tdw-plan .tdw-act .tdw-sec{width:100%}
.tdw-soon2{margin:12px 0 0 !important;font-size:12px;color:var(--tdc-muted) !important}
.tdw-small{margin:4px 0 8px;font-size:12px;line-height:1.5;color:var(--tdc-muted)}
.tdw-credits{margin-top:6px}
.tdw-host>.tdw-credits{margin-top:18px;max-width:780px;padding:14px 16px;border:1px solid var(--tdc-border);border-radius:12px;background:var(--tdc-panel)}
.tdp .tdw .tdw-credits h5{margin:0 0 4px;font-size:14px}
.tdw-ct{width:100%;border-collapse:collapse;margin:8px 0}
.tdw-ct td{padding:7px 0;border-bottom:1px solid var(--tdc-border);color:var(--tdc-text);font-size:13px}
.tdw-ct td.n{text-align:right;color:var(--tdc-strong);font-weight:700;white-space:nowrap;padding-left:12px}
.tdw-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}
.tdw-gcard{padding:14px 16px;border:1px solid var(--tdc-border);border-radius:12px;background:var(--tdc-panel);min-width:0}
.tdp .tdw .tdw-gcard h4{margin:0 0 8px;font-size:14px}
.tdw-gcard ul{margin:0;padding-left:18px;line-height:1.7;color:var(--tdc-text)}
.tdw-gcard p{margin:0;line-height:1.7;color:var(--tdc-text)}
.tdw-gcard a{color:var(--tdc-accent)}
.tdw-gcard b{color:var(--tdc-strong)}
.tdw-gcard .tdw-credits{margin:0}
.tdw-gnote{background:transparent}
@media (max-width:820px){
    .tdp .tdc.tdw{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:auto;min-height:0;max-height:none}
    .tdw-nav{display:contents}
    .tdw-list{order:1;flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:4px;padding:8px;background:var(--tdc-panel);border-bottom:1px solid var(--tdc-border)}
    .tdw-main{order:2}
    .tdw-foot{order:3;padding:12px;background:var(--tdc-panel);border-top:1px solid var(--tdc-border)}
    .tdw-list::-webkit-scrollbar{display:none}
    .tdw-item{width:auto;flex:0 0 auto;padding:0 12px;min-height:38px}
    .tdw-item.on{box-shadow:inset 0 -3px 0 var(--tdc-accent)}
    .tdw-host{padding:14px 14px 18px}
    .tdw-host{overflow:visible}
    .tdw-host.tdw-h-strategy{height:620px;overflow:hidden}
}

/* ---- the wallet panel of the workspace (Z53) */
.tdw-wallet.live{width:100%;cursor:pointer;border-style:solid;background:var(--tdc-bg);color:var(--tdc-text);text-align:left;font-family:inherit}
.tdw-wallet.live:hover,.tdw-wallet.live.on{background:var(--tdc-panel2);border-color:var(--tdc-accent)}
.tdw-wallet.live b{color:var(--tdc-strong);font-size:12px;font-weight:700}
.tdw-wallet-pane{max-width:860px}
.tdw-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:14px}
.tdw-tile{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--tdc-border);border-radius:12px;background:var(--tdc-panel)}
.tdw-tile span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-muted)}
.tdw-tile b{font-size:22px;line-height:1.2;color:var(--tdc-strong)}
.tdw-tile small{font-size:12px;color:var(--tdc-text);min-height:16px}
.tdw-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:6px 0 8px}
.tdw-packs.busy{opacity:.6;pointer-events:none}
.tdw-pack{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;border:1px solid var(--tdc-border);border-radius:12px;background:var(--tdc-panel);color:var(--tdc-text);text-align:left;cursor:pointer;font-family:inherit}
.tdw-pack:hover{border-color:var(--tdc-gold);background:var(--tdc-panel2)}
.tdw-pack b{font-size:20px;color:var(--tdc-strong)}
.tdw-pack span{font-size:12px;line-height:1.4;min-height:34px}
.tdw-pack em{font-style:normal;font-size:12px;font-weight:700;color:#1a1a1a;background:var(--tdc-gold);border-radius:6px;padding:5px 10px}
.tdw-wmsg{margin:0 0 10px;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5}
.tdw-wmsg.ok{background:rgba(38,166,154,.14);border:1px solid rgba(38,166,154,.5);color:var(--tdc-strong)}
.tdw-wmsg.bad{background:rgba(239,83,80,.12);border:1px solid rgba(239,83,80,.5);color:var(--tdc-strong)}
.tdw-hist{margin-top:16px}
.tdp .tdw .tdw-hist h5{margin:0 0 6px;font-size:14px}
.tdw-ht th{padding:6px 0;text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--tdc-muted);border-bottom:1px solid var(--tdc-border)}
.tdw-ht th.n,.tdw-ht td.n{text-align:right;padding-left:12px;white-space:nowrap}
.tdw-more{margin-top:10px}
.tdw-wline{margin:12px 0 0 !important;color:var(--tdc-strong) !important}
.tdw-wline .tdw-sec{margin-left:8px}

/* ---- the AI analysis workspace (Z54 = the AI; Z55 = chat in the middle + live insight cards; Z56 = the look of the mock-up: navy glow, gold buttons, colour pictures) ------------------------------ */
.tdp .tdc.tdw.tdw-aiwide{height:clamp(680px,92vh,980px)}
.tdw-main.tdw-m-ai .tdw-head{display:none}
.tdw-main.tdw-m-ai{background:radial-gradient(900px 420px at 16% -8%,rgba(46,98,255,.20),transparent 62%),radial-gradient(720px 380px at 100% 0,rgba(120,70,255,.12),transparent 60%),#050b1d}
.tdc-light .tdw-main.tdw-m-ai{background:#f3f6fc}
.tdw-host.tdw-h-ai{display:flex;flex-direction:column;padding:16px 18px;overflow:hidden}

/* the menu on the left: brand, items, the plan box (like the mock-up) */
.tdc-dark .tdw-nav{background:linear-gradient(180deg,#07112c,#050b1c);border-right-color:#14234a}
.tdw-brand{display:flex;align-items:center;gap:11px;padding:6px 8px 14px;margin:0 0 8px;border-bottom:1px solid rgba(255,255,255,.07)}
.tdw-brand b{display:block;font:700 23px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.01em;color:var(--tdc-strong)}
.tdw-brand small{display:block;margin-top:3px;font-size:9.5px;font-weight:600;letter-spacing:.07em;color:var(--tdc-muted)}
.tdw-crown{display:inline-flex;flex:none;filter:drop-shadow(0 2px 7px rgba(244,194,79,.4))}
.tdw-crown.sm{align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(244,194,79,.45);border-radius:11px;background:linear-gradient(180deg,#0e1b3d,#08112a);filter:none}
.tdw-item{min-height:44px;gap:12px;border-radius:10px;font-size:14.5px}
.tdw-item:hover{background:rgba(79,141,255,.1)}
.tdw-item.on{color:#fff;background:linear-gradient(90deg,#0f3180,#0d2a6b);box-shadow:inset 0 0 0 1px rgba(244,194,79,.75),0 0 20px rgba(46,98,255,.28)}
.tdc-light .tdw-item.on{color:#10224a;background:#e6eeff;box-shadow:inset 0 0 0 1px rgba(169,120,15,.6)}
.tdw-item.on svg{color:var(--tdc-gold)}
.tdw-emo,.aiw-emo{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal;font-weight:400;line-height:1}
.tdw-item span.aiw-emo.nav{flex:none;width:17px;overflow:visible;font-size:16px;text-align:center}
.tdw-plan{gap:6px;padding:12px;border:1px solid #1f3166;border-radius:12px;background:linear-gradient(180deg,#0b1636,#08112a)}
.tdc-light .tdw-plan{background:#fff;border-color:#d9e1f0}
.tdw-planh{display:flex;align-items:center;gap:11px}
.tdw-plant{display:flex;flex-direction:column;gap:2px;min-width:0}
.tdw-plant b{font-size:19px;line-height:1.15}
.tdw-up{background:rgba(244,194,79,.1);border-color:rgba(244,194,79,.4)}
.tdc-cta.tdw-gold{height:42px;border:0;border-radius:10px;background:linear-gradient(180deg,#f8cf68,#e5a52c);color:#241900;font-weight:700;box-shadow:0 6px 18px rgba(244,194,79,.22)}
.tdc-cta.tdw-gold:hover{background:linear-gradient(180deg,#fbd776,#eab13b);color:#241900}
.tdw-wallet.live{border-color:#1f3166;border-radius:10px;background:#08112a}
.tdc-light .tdw-wallet.live{background:#fff;border-color:#d9e1f0}

/* the AI area */
.tdw-ai2{--ai-bg:#050b1d;--ai-card:#0b1636;--ai-card2:#0e1a3f;--ai-panel:#0b1636;--ai-edge:#243868;--ai-input:#08102a;--ai-line:#1c2d5c;--ai-gold:#f4c24f;--ai-up:#2bdc8e;--ai-down:#ff5666;--ai-warn:#ffb534;--ai-blue:#5b95ff;--ai-text:#b6c1de;--ai-strong:#f4f7ff;--ai-muted:#8190b6;
    flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;color:var(--ai-text)}
.tdc-light .tdw-ai2{--ai-bg:#f3f6fc;--ai-card:#ffffff;--ai-card2:#eef2fa;--ai-panel:#ffffff;--ai-edge:#cfd9ee;--ai-input:#ffffff;--ai-line:#d9e1f0;--ai-gold:#a9780f;--ai-up:#0f9d73;--ai-down:#d63647;--ai-warn:#b97800;--ai-blue:#2457d6;--ai-text:#4a5675;--ai-strong:#0f1730;--ai-muted:#6b7794}
.tdw-ai2 .up{color:var(--ai-up)}
.tdw-ai2 .dn{color:var(--ai-down)}
.tdw-ai2 .fl{color:var(--ai-strong)}
.tdw-ai2 .wn{color:var(--ai-warn)}
.tdw-ai2 .bl{color:var(--ai-blue)}
.tdw-ai2 [hidden]{display:none !important}
.aiw-i{display:block;flex:none}
.tdw-ai2 :focus-visible{outline:2px solid var(--ai-gold);outline-offset:2px}

/* the title row */
.aiw-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.aiw-logo{display:inline-flex;align-items:center;justify-content:center;flex:none;width:68px;height:68px;border:1px solid #2b4a9a;border-radius:20px;background:radial-gradient(circle at 50% 28%,#1f4290,#0c1c44);box-shadow:0 0 24px rgba(46,98,255,.3)}
.tdc-light .aiw-logo{border-color:#9db8f2;background:radial-gradient(circle at 50% 28%,#e8f0ff,#c9d9ff);box-shadow:none}
.aiw-logo.big{width:84px;height:84px;border-radius:24px}
.aiw-rb,.aiw-cr{display:block}
.aiw-tt{flex:1;min-width:220px}
.tdp .tdw .aiw-tt h3{margin:0;font:700 30px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:0;color:var(--ai-strong)}
.aiw-tt p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--ai-muted)}
.aiw-conn{display:flex;align-items:center;gap:8px}
.aiw-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #1f3a7a;border-radius:999px;background:#0a1433;font-size:12.5px;font-weight:600;color:var(--ai-strong);white-space:nowrap}
.tdc-light .aiw-pill{background:#fff;border-color:#cfd9ee}
.aiw-pill i{width:9px;height:9px;border-radius:50%;background:var(--ai-muted)}
.aiw-pill.ok i{background:var(--ai-up);box-shadow:0 0 0 3px rgba(43,220,142,.22),0 0 10px rgba(43,220,142,.6)}
.aiw-pill.warn{border-color:rgba(255,181,52,.55);color:var(--ai-warn)}
.aiw-pill.warn i{background:var(--ai-warn)}
.aiw-pill.solid{border-color:#17b457;background:#17b457;color:#fff;font-weight:700;letter-spacing:.04em}
.aiw-pill.solid i{background:#fff;box-shadow:none}
.aiw-tip{display:inline-flex;color:var(--ai-muted);cursor:help;border-radius:50%}

/* narrow screens: Chat | Market insights */
.aiw-tabs{display:none;gap:6px;padding:4px;border:1px solid var(--ai-line);border-radius:12px;background:var(--ai-panel)}
.aiw-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ai-text);font:600 13px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.aiw-tabs button.on{background:var(--ai-card2);color:var(--ai-strong);box-shadow:inset 0 0 0 1px rgba(244,194,79,.55)}
.tdw-ai2.narrow .aiw-tabs{display:flex}
.tdw-ai2.narrow .aiw-grid{grid-template-columns:minmax(0,1fr)}
.tdw-ai2.narrow .aiw-grid[data-tab="chat"] .aiw-ins{display:none}
.tdw-ai2.narrow .aiw-grid[data-tab="ins"] .aiw-cc{display:none}

.aiw-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(310px,32%,390px);gap:16px}

/* the chat card */
.aiw-cc,.aiw-ic{border:1px solid var(--ai-line);border-radius:14px;background:linear-gradient(180deg,var(--ai-panel),var(--ai-bg));box-shadow:0 0 0 1px rgba(79,141,255,.05),0 14px 36px rgba(0,0,0,.32)}
.tdc-light .aiw-cc,.tdc-light .aiw-ic{box-shadow:0 6px 18px rgba(30,50,100,.08)}
.aiw-cc{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.aiw-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--ai-line)}
.aiw-bl,.aiw-br,.aiw-wal{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aiw-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--ai-line);border-radius:999px;background:var(--ai-card2);color:var(--ai-text);font-size:12px;line-height:1.5}
.aiw-chip.strong{color:var(--ai-strong);font-weight:700}
.aiw-chip.gold{border-color:rgba(244,194,79,.6);background:rgba(244,194,79,.12);color:var(--ai-strong)}
.aiw-add{height:26px;padding:0 11px;border:1px solid rgba(244,194,79,.6);border-radius:999px;background:transparent;color:var(--ai-gold);font:700 12px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.aiw-add:hover{background:rgba(244,194,79,.12)}
.aiw-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--ai-edge);border-radius:9px;background:var(--ai-card2);color:var(--ai-strong);font:600 12px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.aiw-btn:hover:not(:disabled){border-color:var(--ai-gold)}
.aiw-btn:disabled{opacity:.5;cursor:default}
.aiw-hist{position:absolute;z-index:6;top:54px;right:12px;width:min(340px,calc(100% - 24px));max-height:62%;overflow:auto;padding:8px;border:1px solid var(--ai-line);border-radius:12px;background:var(--ai-panel);box-shadow:0 14px 34px rgba(0,0,0,.5)}
.aiw-hnone,.aiw-hnote{margin:4px 6px 8px;font-size:12px;line-height:1.5;color:var(--ai-muted)}
.aiw-hrow{display:flex;align-items:center;gap:4px;border-radius:9px}
.aiw-hrow.on{background:var(--ai-card2);box-shadow:inset 0 0 0 1px rgba(244,194,79,.45)}
.aiw-ho{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:0;background:transparent;color:var(--ai-strong);text-align:left;cursor:pointer;font-family:inherit}
.aiw-ho b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.aiw-ho small{font-size:11px;color:var(--ai-muted)}
.aiw-hi{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ai-muted);cursor:pointer}
.aiw-hi:hover{background:var(--ai-line);color:var(--ai-strong)}
.aiw-rn{flex:1;min-width:0;height:32px;margin:4px;padding:0 10px;border:1px solid var(--ai-gold);border-radius:8px;background:var(--ai-bg);color:var(--ai-strong);font:13px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}

.aiw-lw{position:relative;flex:1;min-height:0;display:flex}
.aiw-list{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:20px;padding:18px;overflow:auto;scrollbar-width:thin}
.aiw-jump{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border:1px solid rgba(244,194,79,.65);border-radius:999px;background:var(--ai-card2);color:var(--ai-strong);font:700 12px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.aiw-err{margin:0 14px 8px}

/* messages */
.aiw-m.me{align-self:flex-end;max-width:min(88%,680px)}
.aiw-bub{display:flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #3a73ff;border-radius:10px;background:linear-gradient(90deg,#0d3b96,#0a2b75);color:#eef4ff;box-shadow:0 0 20px rgba(46,98,255,.2)}
.tdc-light .aiw-bub{border-color:#9db8f2;background:#e6eeff;color:#10224a;box-shadow:none}
.aiw-bub p{flex:1;min-width:0;margin:0;font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:inherit}
.aiw-bub.fail{border-color:rgba(255,86,102,.6)}
.aiw-mt{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:11.5px;color:#8fb2ff;white-space:nowrap}
.tdc-light .aiw-mt{color:#4a63a3}
.aiw-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:1px solid var(--ai-line);border-radius:50%;background:var(--ai-card2)}
.aiw-av.ai{width:46px;height:46px;border:1.5px solid rgba(244,194,79,.75);background:radial-gradient(circle at 50% 28%,#1f4290,#0c1c44)}
.tdc-light .aiw-av.ai{background:radial-gradient(circle at 50% 28%,#e8f0ff,#c9d9ff)}
.aiw-av.me{width:34px;height:34px;border-color:#6d9bff;background:#2559c9;color:#fff}
.aiw-m.ai{display:flex;align-items:flex-start;gap:12px;min-width:0}
.aiw-mc{flex:1;min-width:0}
.aiw-mh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 7px}
.aiw-mh b{font-size:15px;color:var(--ai-gold)}
.aiw-mh span{font-size:12px;color:var(--ai-muted)}
.aiw-mh em{padding:2px 9px;border-radius:6px;background:rgba(79,141,255,.18);color:var(--ai-blue);font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.aiw-mh em.deep{background:rgba(244,194,79,.18);color:var(--ai-gold)}
.aiw-abody{font-size:14.5px;line-height:1.65;color:var(--ai-text)}
.aiw-abody.chat{padding:12px 15px;border:1px solid var(--ai-line);border-radius:4px 14px 14px 14px;background:var(--ai-card2)}
.aiw-abody p{margin:0 0 8px}
.aiw-abody p:last-child{margin-bottom:0}
.aiw-abody strong{color:var(--ai-strong)}
.aiw-lead{margin:0 0 12px}
.aiw-lead p{color:var(--ai-strong)}
.aiw-secs{border:1px solid var(--ai-line);border-radius:12px;background:rgba(10,20,50,.55);overflow:hidden}
.tdc-light .aiw-secs{background:#fff}
.aiw-sec{display:flex;gap:14px;padding:15px 18px;border-top:1px solid var(--ai-line)}
.aiw-sec:first-child{border-top:0}
.aiw-si{display:inline-flex;align-items:flex-start;justify-content:center;flex:none;width:30px;padding-top:1px}
.aiw-si .aiw-emo{font-size:25px}
.aiw-sb{flex:1;min-width:0}
.tdp .tdw .aiw-sb h6{margin:0 0 6px;font:700 16px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:0;text-transform:none;color:var(--ai-strong)}
.aiw-sb p{margin:0 0 6px}
.aiw-sb ul{margin:0 0 4px;padding-left:18px}
.aiw-sb li{margin:0 0 3px}
.aiw-hlbox{display:flex;gap:11px;padding:11px 13px;border:1px solid rgba(43,220,142,.55);border-radius:10px;background:rgba(43,220,142,.08)}
.aiw-hlbox>div{flex:1;min-width:0}
.aiw-ck{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:7px;background:#2ecc71;color:#fff}
.aiw-disc{margin:9px 0 0;font-size:11.5px;line-height:1.5;color:var(--ai-muted)}
.aiw-mm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px}
.aiw-lnk{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:0;border-radius:7px;background:transparent;color:var(--ai-muted);font:600 12px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.aiw-lnk:hover{background:var(--ai-card2);color:var(--ai-strong)}
.aiw-failrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;border:1px solid rgba(255,86,102,.5);border-radius:10px;background:rgba(255,86,102,.1);font-size:13px;line-height:1.5;color:var(--ai-strong)}
.aiw-failrow>span{display:inline-flex;align-items:flex-start;gap:7px;flex:1 1 220px;min-width:0}
.aiw-failrow>span .aiw-i{margin-top:3px;color:var(--ai-down)}
.aiw-pend{max-width:420px}
.aiw-skel{display:flex;flex-direction:column;gap:9px;padding:12px 14px;border:1px solid var(--ai-line);border-radius:12px;background:var(--ai-card)}
.aiw-skel i{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--ai-card2),var(--ai-line),var(--ai-card2));background-size:200% 100%;animation:tdwshine 1.4s linear infinite}
.aiw-skel i.s{width:62%}
.aiw-pt{display:flex;align-items:center;gap:9px;margin-top:8px;font-size:12px;color:var(--ai-muted)}
.aiw-pt em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}
.tdw-spin{width:14px;height:14px;border:2px solid var(--ai-line,var(--tdc-border));border-top-color:var(--ai-gold,var(--tdc-gold));border-radius:50%;animation:tdwspin .8s linear infinite;flex:none}
@keyframes tdwspin{to{transform:rotate(360deg)}}
@keyframes tdwshine{to{background-position:-200% 0}}

/* the start of a chat */
.aiw-empty{display:flex;flex-direction:column;align-items:center;gap:9px;margin:auto 0;padding:10px;text-align:center}
.aiw-empty b{font-size:18px;line-height:1.4;color:var(--ai-strong)}
.aiw-empty p{margin:0 0 6px;max-width:540px;font-size:13.5px;line-height:1.6;color:var(--ai-muted)}
.aiw-sugg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;width:100%;max-width:700px}
.aiw-sugg button{padding:11px 13px;border:1px solid var(--ai-edge);border-radius:11px;background:var(--ai-card2);color:var(--ai-text);font:13.5px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left;cursor:pointer}
.aiw-sugg button:hover{border-color:var(--ai-gold);color:var(--ai-strong)}

/* the chips above the box: a colour picture each; Quick and Deep in gold with their price */
.aiw-chips{display:flex;gap:10px;padding:10px 14px 10px;overflow-x:auto;scrollbar-width:none}
.aiw-chips::-webkit-scrollbar{display:none}
.aiw-chip2{display:inline-flex;flex:none;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--ai-edge);border-radius:10px;background:var(--ai-panel);color:#c9d3ee;font:600 13px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap;cursor:pointer}
.tdc-light .aiw-chip2{color:var(--ai-text)}
.aiw-chip2 .aiw-emo{font-size:17px}
.aiw-chip2 small{font-size:11px;font-weight:700;color:var(--ai-muted)}
.aiw-chip2:hover:not(:disabled){border-color:var(--ai-blue);background:var(--ai-card2);color:var(--ai-strong)}
.aiw-chip2.gold{border-color:rgba(244,194,79,.6);background:rgba(244,194,79,.09);color:var(--ai-strong)}
.aiw-chip2.gold small{color:var(--ai-gold)}
.aiw-chip2.gold:hover:not(:disabled){border-color:var(--ai-gold);background:rgba(244,194,79,.16)}
.aiw-chip2.armed{border-color:#f8cf68;background:linear-gradient(180deg,#f8cf68,#e5a52c);color:#241900}
.aiw-chip2:disabled{opacity:.5;cursor:default}

/* the composer: the box, Send (gold), the microphone */
.aiw-comp{padding:0 14px 6px}
.aiw-crow{display:flex;align-items:stretch;gap:10px}
.aiw-inw{position:relative;flex:1;min-width:0;display:flex;align-items:center;border:1px solid var(--ai-edge);border-radius:12px;background:var(--ai-input)}
.aiw-inw:focus-within{border-color:var(--ai-gold)}
.aiw-in{flex:1;min-width:0;min-height:50px;max-height:120px;padding:14px 112px 14px 16px;border:0;border-radius:12px;background:transparent;color:var(--ai-strong);font:14.5px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;resize:none}
.aiw-in{overflow-y:auto;scrollbar-width:none}
.aiw-in::-webkit-scrollbar{display:none}
.aiw-in::placeholder{color:var(--ai-muted);opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiw-in:focus{outline:none}
.aiw-in:disabled{opacity:.6}
.aiw-cost{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--ai-muted);pointer-events:none;white-space:nowrap}
.aiw-send,.aiw-mic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:52px;min-height:50px;border-radius:12px;cursor:pointer}
.aiw-send{border:0;background:linear-gradient(180deg,#f8cf68,#e5a52c);color:#2a1d00;box-shadow:0 6px 18px rgba(244,194,79,.28)}
.aiw-send:hover:not(:disabled){filter:brightness(1.07)}
.aiw-mic{border:1px solid #2a4a9a;background:#0a1535;color:#8fb6ff}
.tdc-light .aiw-mic{background:#fff;border-color:#9db8f2;color:#2457d6}
.aiw-mic:hover:not(:disabled){border-color:var(--ai-blue);color:#fff}
.aiw-mic.on{border-color:#7aa6ff;background:#12307a;color:#fff;box-shadow:0 0 0 3px rgba(79,141,255,.32)}
.aiw-send:disabled,.aiw-mic:disabled{opacity:.5;cursor:default}
.aiw-foot{margin:0;padding:6px 16px 11px;font-size:10.5px;line-height:1.4;color:var(--ai-muted)}

/* the insight column (own scroll) */
.aiw-ins{min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:auto;scrollbar-width:thin;padding-right:2px}
.aiw-cards{display:flex;flex-direction:column;gap:14px}
.aiw-ic{padding:14px 16px}
.aiw-ic>header{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.aiw-ich{display:inline-flex}
.aiw-ich .aiw-emo{font-size:24px}
.tdp .tdw .aiw-ic h5{flex:1;min-width:0;margin:0;font:700 15px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:var(--ai-gold)}
.aiw-hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:6px 0 2px}
.aiw-hk small,.aiw-hr small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ai-muted)}
.aiw-hk b{display:flex;align-items:center;gap:6px;margin:4px 0 3px;font-size:22px;line-height:1.15;text-transform:uppercase}
.aiw-hk em,.aiw-hr em{display:block;font-style:normal;font-size:11.5px;color:var(--ai-muted)}
.aiw-hk.r{text-align:right}
.aiw-hk.r b{justify-content:flex-end}
.aiw-hr{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.aiw-ring{position:relative;display:inline-block;width:96px;height:96px;color:var(--ai-muted)}
.aiw-ring svg{display:block}
.aiw-ring .bg{fill:none;stroke:var(--ai-line);stroke-width:7}
.aiw-ring .fg{fill:none;stroke-width:7;stroke-linecap:round}
.aiw-ring.up .fg{filter:drop-shadow(0 0 6px rgba(43,220,142,.55))}
.aiw-ring.dn .fg{filter:drop-shadow(0 0 6px rgba(255,86,102,.5))}
.aiw-ring.fl .fg{filter:drop-shadow(0 0 6px rgba(244,194,79,.45))}
.aiw-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:var(--ai-strong)}
.aiw-vb{display:inline-flex;align-items:flex-end;gap:3px;height:18px;margin:0 0 3px}
.aiw-vb i{display:block;width:5px;border-radius:2px;background:var(--ai-line)}
.aiw-vb i:nth-child(1){height:7px}
.aiw-vb i:nth-child(2){height:12px}
.aiw-vb i:nth-child(3){height:18px}
.aiw-vb.v1 i:nth-child(-n+1),.aiw-vb.v2 i:nth-child(-n+2),.aiw-vb.v3 i{background:var(--ai-gold)}
.aiw-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 10px;padding:9px 0;border-top:1px solid var(--ai-line)}
.aiw-ic>header+.aiw-row{border-top:0}
.aiw-row>span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#aab6d6}
.tdc-light .aiw-row>span{color:var(--ai-muted)}
.aiw-row>b{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:14px;text-align:right;text-transform:uppercase}
.aiw-row>b small{font-size:11px;text-transform:none;color:var(--ai-muted)}
.aiw-row>small{grid-column:1/-1;text-align:right;font-size:11px;line-height:1.4;color:var(--ai-muted)}
.aiw-lvs{display:flex;flex-direction:column;gap:0;border:1px solid var(--ai-line);border-radius:10px;overflow:hidden}
.aiw-lv{display:grid;grid-template-columns:minmax(0,1fr) 116px 54px;align-items:center;gap:0;padding:0;border-top:1px solid var(--ai-line)}
.aiw-lv:first-child{border-top:0}
.aiw-lv>span{padding:9px 12px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#aab6d6}
.tdc-light .aiw-lv>span{color:var(--ai-muted)}
.aiw-lv>b{padding:9px 12px;border-left:1px solid var(--ai-line);font-size:15px;text-align:right;color:var(--ai-strong);font-variant-numeric:tabular-nums}
.aiw-lv>small{padding:0 10px 0 0;text-align:right;font-size:11px;color:var(--ai-muted)}
.aiw-lv.cur{background:rgba(244,194,79,.12)}
.aiw-lv.cur>b{color:#f2d04a}
.aiw-lv.s>b{color:var(--ai-down)}
.aiw-lv.inv{background:rgba(255,181,52,.06)}
.aiw-lv.inv>b{color:var(--ai-warn)}
.aiw-rs{margin:0;padding-left:20px;font-size:13px;line-height:1.55;color:var(--ai-text)}
.aiw-rs li{margin:0 0 6px}
.aiw-calc{margin:9px 0 0;font-size:11px;line-height:1.5;color:var(--ai-muted)}
.aiw-warn{display:flex;align-items:flex-start;gap:8px;margin:9px 0 0;padding:8px 10px;border:1px solid rgba(255,181,52,.5);border-radius:10px;background:rgba(255,181,52,.1);font-size:12px;line-height:1.5;color:var(--ai-strong)}
.aiw-warn .aiw-i{margin-top:2px;color:var(--ai-warn)}
.aiw-ins .tdw-credits{margin:0;padding:13px 15px;border:1px solid var(--ai-line);border-radius:14px;background:var(--ai-panel)}
.aiw-ins .tdw-credits h5,.aiw-ins .tdw-ct td.n{color:var(--ai-strong)}
.aiw-ins .tdw-ct td{border-color:var(--ai-line)}

@media (max-width:820px){
    .tdp .tdc.tdw.tdw-aiwide{height:auto}
    .tdw-brand{display:none}
    .tdw-host.tdw-h-ai{padding:12px 12px 14px;overflow:visible}
    .tdw-ai2{flex:none}
    .aiw-grid{flex:none}
    .aiw-cc{height:min(82vh,720px)}
    .aiw-ins{overflow:visible}
    .tdp .tdw .aiw-tt h3{font-size:22px}
    .aiw-logo{width:50px;height:50px;border-radius:15px}
    .aiw-logo .aiw-rb{width:36px;height:36px}
    .tdw-item.on{box-shadow:inset 0 0 0 1px rgba(244,194,79,.75),inset 0 -3px 0 var(--tdc-gold)}
}
@media (max-width:480px){
    .aiw-list{padding:12px 10px;gap:16px}
    .aiw-m.ai{gap:7px}
    .aiw-av.ai{width:36px;height:36px}
    .aiw-av.ai .aiw-rb{width:26px;height:26px}
    .aiw-sec{gap:9px;padding:12px 10px}
    .aiw-si{width:24px}
    .aiw-si .aiw-emo{font-size:21px}
    .aiw-hlbox{gap:8px;padding:8px 10px}
    .aiw-m.me{max-width:96%}
    .aiw-bar,.aiw-chips,.aiw-comp{padding-left:10px;padding-right:10px}
    .aiw-in{padding-right:14px}
    .aiw-cost{display:none}
    .aiw-send,.aiw-mic{width:46px}
}
@media (prefers-reduced-motion:reduce){
    .tdw-spin,.aiw-skel i{animation:none}
}

/* ---- the page heading "Yashdhan Terminal" and the multi-timeframe strip under the chart (Z56, assets/js/td-mtf.js) */
.inner-hero.td-slim{padding-block:22px 2px !important}
.inner-hero.td-slim h1{max-width:none;margin:0 !important;font-size:clamp(26px,2.8vw,34px) !important}
.tdp .tdc.tdmtf{height:auto;min-height:0;margin:0 0 4px;padding:12px 14px 14px;overflow:visible}
.tdp .tdc.tdmtf[hidden]{display:none}
.tdm-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 10px}
.tdp .tdmtf .tdm-head h3{margin:0;font:700 12px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tdc-gold)}
.tdm-head span{font-size:12px;color:var(--tdc-muted)}
.tdm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.tdm-tf{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--tdc-border);border-radius:10px;background:var(--tdc-panel)}
.tdm-tf b{font-size:14px;color:var(--tdc-strong)}
.tdm-tf span{font-size:15px;font-weight:700}
.tdm-tf small{font-size:11px;line-height:1.4;color:var(--tdc-muted)}
.tdm-tf small i{font-style:normal}
.tdm-tf svg{display:block;width:100%;height:38px;margin-top:4px}
.tdm-tf .up{color:var(--tdc-up)}
.tdm-tf .down{color:var(--tdc-down)}
.tdm-tf .flat{color:var(--tdc-strong)}