.tscl-app{
  --bg:#070d17;--bg-2:#091221;--panel:#0c1727;--panel-2:#101c2e;--panel-3:#12213a;--border:#1d304b;--border-bright:#2c4b70;
  --text:#eef5ff;--muted:#90a3bb;--muted-2:#697c96;--cyan:#42d8ff;--cyan-soft:#25a8d5;--green:#39e0b5;--green-soft:#62eac5;
  --purple:#a879ff;--purple-soft:#8557de;--amber:#ffc969;--orange:#ff9857;--red:#ff5d83;--red-soft:#df4d72;
  --shadow:0 15px 34px rgba(0,0,0,.26);--radius:13px;--slot1:#2ce6ff;--slot2:#f06dff;--slot3:#c8ff3d;
}
.tscl-app,.tscl-app *{box-sizing:border-box}
.tscl-app,.tscl-app{min-height:100%;margin:0;background:radial-gradient(820px 440px at 50% -170px,rgba(82,83,207,.24),transparent 64%),linear-gradient(180deg,#0b1120 0%,var(--bg) 50%,#080f19 100%);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.tscl-app.day-theme{--bg:#edf3fb;--bg-2:#e3edf9;--panel:#fff;--panel-2:#f5f8fd;--panel-3:#ecf3fb;--border:#c8d8eb;--border-bright:#95b0d3;--text:#102039;--muted:#607791;--muted-2:#73849b;--cyan:#168db4;--cyan-soft:#1a84a4;--green:#117b69;--green-soft:#208d77;--purple:#7048ce;--purple-soft:#744cd6;--amber:#9e700a;--orange:#c46b2c;--red:#c64065;--red-soft:#c64065;--shadow:0 14px 30px rgba(50,75,110,.12)}
.tscl-app button,.tscl-app select{font:inherit}
.tscl-app button{appearance:none;background:#111e31;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 11px;font-size:11px;font-weight:850;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.tscl-app button:hover{transform:translateY(-1px);border-color:var(--cyan);background:#16283e}.tscl-app button:focus-visible,.tscl-app select:focus-visible{outline:3px solid rgba(67,216,255,.34);outline-offset:2px}
.tscl-app .app{max-width:1540px;margin:0 auto;padding:14px 10px 34px}
.tscl-app .top-header{display:grid;grid-template-columns:184px minmax(0,1fr) auto;gap:16px;align-items:center;padding:11px 16px;background:linear-gradient(112deg,#0d1829 0%,#0c1423 58%,#161832 100%);border:1px solid #1a2b43;border-radius:15px;box-shadow:var(--shadow)}
.tscl-app .logo-wrap{height:64px;overflow:visible;border-radius:0;background:transparent}.tscl-app .logo-wrap img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.tscl-app .header-copy{min-width:0}.tscl-app .eyebrow{font-size:9px;line-height:1;letter-spacing:1.55px;text-transform:uppercase;font-weight:950;color:var(--cyan)}.tscl-app h1{margin:5px 0 2px;font-size:23px;letter-spacing:-.55px;line-height:1.08}.tscl-app .subtitle{margin:0;color:var(--muted);font-size:10px;line-height:1.42}.tscl-app .header-help{width:min(360px,31vw);padding:8px 11px 9px;border-left:2px solid var(--cyan);border-radius:0 8px 8px 0;background:linear-gradient(90deg,rgba(12,39,59,.62),rgba(17,28,52,.42));box-shadow:inset 0 0 20px rgba(67,216,255,.035)}.tscl-app .header-help-kicker{margin:0 0 4px;color:var(--cyan);font-size:8px;line-height:1;letter-spacing:.92px;text-transform:uppercase;font-weight:950}.tscl-app .header-help p{margin:0;color:#d2e2f4;font-size:10px;font-weight:750;line-height:1.38;text-wrap:balance}.tscl-app .header-help p::first-line{color:#eef9ff}

.tscl-app .tool-nav{display:flex;gap:7px;align-items:center;justify-content:space-between;margin-top:10px}.tscl-app .nav-left,.tscl-app .nav-right{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tscl-app .nav-tab{padding:8px 12px}.tscl-app .nav-tab.active{background:linear-gradient(135deg,#3268b6,#6655cb);border-color:#7ab7ff;color:#fff;box-shadow:0 0 0 1px rgba(74,201,255,.18)}.tscl-app .nav-info{font-size:10px;color:var(--muted);padding:0 4px}.tscl-app .refresh{background:linear-gradient(135deg,#168daf,#1cc89d);border-color:#2386a8;color:#e9ffff}.tscl-app .refresh .spin{display:inline-block;margin-right:4px}.tscl-app .refresh.loading .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

.tscl-app .section{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,var(--panel),#0b1522);box-shadow:var(--shadow)}.tscl-app.day-theme .section{background:linear-gradient(180deg,#fff,#f9fbfe)}.tscl-app .section-head{padding:12px 14px;border-bottom:1px solid rgba(42,62,90,.82);background:linear-gradient(90deg,#101b2c,#0e1726);display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.tscl-app .section-title{margin:0;font-size:14px;letter-spacing:-.2px}.tscl-app .section-sub{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.tscl-app .tiny{color:var(--muted);font-size:9px;text-align:right;line-height:1.45}.tscl-app .tiny b{color:var(--text)}

.tscl-app .control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;background:radial-gradient(500px 200px at 50% 0,rgba(52,178,246,.05),transparent 80%)}.tscl-app .slot-card{position:relative;min-height:192px;border:1px solid var(--border);border-radius:11px;padding:12px;background:linear-gradient(145deg,rgba(16,29,47,.96),rgba(11,21,34,.96));overflow:hidden}.tscl-app .slot-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent);opacity:1;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 82%,transparent)}.tscl-app .slot-card.disabled{opacity:.44;filter:saturate(.55)}.tscl-app .slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tscl-app .slot-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-weight:950}.tscl-app .slot-name{margin-top:5px;font-size:16px;font-weight:900;letter-spacing:-.25px}.tscl-app .slot-meta{margin-top:2px;font-size:9px;color:var(--muted)}.tscl-app .slot-status{padding:4px 6px;border:1px solid color-mix(in srgb,var(--accent) 62%,var(--border));border-radius:6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#0c1727);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 30%,transparent);text-shadow:0 0 9px color-mix(in srgb,var(--accent) 68%,transparent);font-size:8px;font-weight:950;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.tscl-app .category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.tscl-app .category-tabs button{padding:7px 6px;font-size:9px;color:#aebdd0;background:#0d1726}.tscl-app .category-tabs button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 32%,#18314d),color-mix(in srgb,var(--accent) 16%,#1c173a));border-color:var(--accent);color:#f0fbff}.tscl-app .select-label{display:block;margin:11px 0 5px;font-size:8px;color:var(--muted);letter-spacing:.7px;text-transform:uppercase;font-weight:900}.tscl-app .instrument-select{width:100%;padding:9px 32px 9px 10px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:#0c1727;font-size:11px;font-weight:850;outline:none}.tscl-app .instrument-select:disabled{cursor:not-allowed}.tscl-app .mode-switch{display:inline-flex;gap:3px;padding:3px;background:#0c1727;border:1px solid var(--border);border-radius:8px}.tscl-app .mode-switch button{padding:5px 8px;font-size:9px;border-color:transparent;background:transparent;color:var(--muted)}.tscl-app .mode-switch button.active{color:var(--text);background:#263f5d;border-color:#3f6997}.tscl-app .range-switch{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.tscl-app .range-switch button{padding:5px 7px;font-size:9px}.tscl-app .range-switch button.active{border-color:var(--cyan);background:rgba(67,216,255,.14);color:var(--cyan)}

.tscl-app .status-bar{display:flex;align-items:center;gap:8px;margin:0 12px 12px;padding:9px 11px;background:linear-gradient(90deg,rgba(19,71,93,.68),rgba(14,31,48,.7));border:1px solid #25415b;border-radius:9px;color:#b8cfe1;font-size:10px}.tscl-app .status-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.tscl-app .status-bar.live .status-dot{background:var(--green);box-shadow:0 0 0 4px rgba(57,224,181,.14)}.tscl-app .status-bar.error{background:linear-gradient(90deg,rgba(92,27,56,.62),rgba(37,19,36,.7));border-color:#71304a}.tscl-app .status-bar.error .status-dot{background:var(--red)}

.tscl-app .metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}.tscl-app .metric-card{position:relative;min-height:96px;padding:13px 12px 10px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(155deg,#101b2b,#0c1725);box-shadow:var(--shadow);overflow:hidden}.tscl-app .metric-card:after{content:"";position:absolute;left:11px;right:11px;bottom:10px;height:3px;border-radius:999px;background:var(--tone);box-shadow:0 0 12px color-mix(in srgb,var(--tone) 55%,transparent)}.tscl-app .metric-label{color:var(--muted);font-size:8px;line-height:1;text-transform:uppercase;letter-spacing:.72px;font-weight:950}.tscl-app .metric-value{margin-top:12px;font-size:20px;line-height:1;font-weight:950;letter-spacing:-.5px;color:var(--tone)}.tscl-app .metric-value.small{font-size:14px;line-height:1.18}.tscl-app .metric-sub{margin-top:6px;color:var(--muted);font-size:9px;line-height:1.25}.tscl-app .metric-icon{position:absolute;right:10px;top:10px;width:21px;height:21px;border:1px solid #30445e;border-radius:6px;display:grid;place-items:center;color:#c6d4e7;font-size:11px}

.tscl-app .workspace{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(340px,.98fr);gap:10px;margin-top:10px}.tscl-app .chart-panel,.tscl-app .triangle-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,var(--panel),#0b1522);box-shadow:var(--shadow);min-width:0}.tscl-app .panel-head{padding:12px 14px;border-bottom:1px solid rgba(42,62,90,.78);background:linear-gradient(90deg,#101b2c,#0e1726);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tscl-app .panel-head h2{margin:0;font-size:14px;letter-spacing:-.2px}.tscl-app .panel-head p{margin:3px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.tscl-app .chart-badge{padding:5px 7px;border:1px solid #27536a;border-radius:7px;background:rgba(31,94,115,.35);color:#bdf4ff;font-size:8px;font-weight:900;white-space:nowrap}.tscl-app .chart-timeframe-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(42,62,90,.78);background:linear-gradient(90deg,#0d1a2a,#0b1624)}.tscl-app .chart-timeframe-label{color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.72px;text-transform:uppercase;white-space:nowrap}.tscl-app .chart-range-switch{justify-content:flex-end}.tscl-app .chart-wrap{position:relative;min-height:350px;padding:12px;background:radial-gradient(570px 250px at 45% 100%,rgba(43,189,240,.10),transparent 72%),#0b1724}.tscl-app .chart-wrap svg{display:block;width:100%;height:auto;min-height:312px}.tscl-app .chart-empty{min-height:315px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;padding:28px}.tscl-app .legend{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}.tscl-app .legend-item{display:flex;align-items:center;gap:6px;color:#c7d3e2;font-size:9px}.tscl-app .legend-dot{width:8px;height:8px;border-radius:50%;background:var(--legend);box-shadow:0 0 9px var(--legend)}.tscl-app .legend-change{font-weight:900;margin-left:1px}.tscl-app .axis{fill:#91a4bd;font:10px "Segoe UI",Arial,sans-serif}.tscl-app .grid-line{stroke:#1b2e47;stroke-width:1;opacity:.92}.tscl-app .chart-line{fill:none;stroke:var(--line);stroke-width:2.75;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--line) 60%,transparent))}.tscl-app .chart-dot{fill:#101b2a;stroke:var(--line);stroke-width:3.2}

.tscl-app .triangle-content{padding:13px 12px 12px;min-height:350px;display:flex;flex-direction:column}.tscl-app .triangle-wrap{position:relative;flex:1;min-height:248px;display:grid;place-items:center;background:radial-gradient(230px 190px at 50% 50%,rgba(92,121,243,.16),transparent 72%)}.tscl-app .triangle-wrap svg{width:100%;max-width:430px;height:auto}.tscl-app .tri-node{fill:#112238;stroke:var(--node);stroke-width:2.3;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--node) 45%,transparent))}.tscl-app .tri-node-text{fill:#f4f8ff;font-size:11px;font-weight:900}.tscl-app .tri-node-sub{fill:#97aac4;font-size:8px;font-weight:800}.tscl-app .tri-edge{stroke:var(--edge);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--edge) 48%,transparent))}.tscl-app .tri-edge-thin{stroke:#1f3854;stroke-width:8;stroke-linecap:round}.tscl-app .tri-label-bg{fill:#0c1727;stroke:var(--edge);stroke-width:1.1}.tscl-app .tri-label{fill:#f2f7ff;font-size:9px;font-weight:900}.tscl-app .tri-centre{fill:#0e1b2e;stroke:var(--centre);stroke-width:2.2;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--centre) 52%,transparent))}.tscl-app .tri-centre-main{fill:#fff;font-size:15px;font-weight:950}.tscl-app .tri-centre-sub{fill:#aabbd2;font-size:8px;font-weight:900;letter-spacing:.4px}.tscl-app .tri-copy{margin-top:8px;padding:10px 11px;border-left:3px solid var(--tri-tone);border-radius:8px;background:rgba(10,24,40,.82);font-size:10px;line-height:1.43;color:#b9c8d9}.tscl-app .tri-copy b{color:var(--tri-tone)}

.tscl-app .bottom-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:10px;margin-top:10px}.tscl-app .pairs-panel,.tscl-app .read-panel{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,var(--panel),#0b1522);box-shadow:var(--shadow)}.tscl-app .pairs-list{padding:10px}.tscl-app .pair-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid #1b2c45;border-radius:9px;background:#0c1727;margin-bottom:8px;overflow:hidden}.tscl-app .pair-card:last-child{margin-bottom:0}.tscl-app .pair-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pair-tone)}.tscl-app .pair-names{font-size:12px;font-weight:900}.tscl-app .pair-detail{margin-top:3px;color:var(--muted);font-size:9px}.tscl-app .pair-corr{text-align:right}.tscl-app .pair-number{font-size:18px;line-height:1;font-weight:950;color:var(--pair-tone)}.tscl-app .pair-tag{margin-top:4px;color:var(--pair-tone);font-size:8px;text-transform:uppercase;letter-spacing:.65px;font-weight:950}.tscl-app .read-content{padding:14px}.tscl-app .read-title{margin:0;font-size:13px}.tscl-app .read-list{display:grid;gap:9px;margin-top:12px}.tscl-app .read-item{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:flex-start}.tscl-app .read-bullet{height:20px;width:20px;display:grid;place-items:center;background:#12233b;border:1px solid #28405e;border-radius:6px;color:var(--cyan);font-size:11px;font-weight:950}.tscl-app .read-copy{color:#b6c4d6;font-size:10px;line-height:1.48}.tscl-app .read-copy b{color:var(--text)}.tscl-app .read-note{margin-top:13px;padding:10px 11px;border-radius:8px;background:linear-gradient(90deg,rgba(102,84,201,.15),rgba(27,78,94,.18));border:1px solid #2c4665;color:#cbd7e6;font-size:9px;line-height:1.48}
.tscl-app .footer{margin-top:10px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:#0b1523;color:var(--muted);font-size:9px;line-height:1.48}.tscl-app .footer strong{color:var(--amber)}.tscl-app .footer .green{color:var(--green)}
@media (max-width:1100px){.tscl-app .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tscl-app .workspace{grid-template-columns:1fr}.tscl-app .bottom-grid{grid-template-columns:1fr}.tscl-app .triangle-content{min-height:300px}.tscl-app .triangle-wrap{min-height:238px}}
@media (max-width:820px){.tscl-app .top-header{grid-template-columns:168px minmax(0,1fr)}.tscl-app .header-help{grid-column:1/-1;width:min(620px,100%);justify-self:start}.tscl-app .control-grid{grid-template-columns:1fr}.tscl-app .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tscl-app .tool-nav{align-items:flex-start;flex-direction:column}.tscl-app .nav-info{padding:3px 0}.tscl-app .range-switch{justify-content:flex-start}.tscl-app .chart-timeframe-bar{justify-content:flex-start}.tscl-app .slot-card{min-height:174px}}
@media (max-width:560px){.tscl-app .app{padding:10px 9px 22px}.tscl-app .top-header{grid-template-columns:1fr;gap:10px;padding:12px}.tscl-app .logo-wrap{height:62px;max-width:188px}.tscl-app h1{font-size:21px}.tscl-app .header-help{grid-column:auto;width:100%}.tscl-app .metrics-grid{grid-template-columns:1fr}.tscl-app .section-head{display:block}.tscl-app .tiny{text-align:left;margin-top:8px}.tscl-app .panel-head{display:block}.tscl-app .chart-badge{display:inline-block;margin-top:8px}.tscl-app .chart-timeframe-bar{display:block}.tscl-app .chart-timeframe-label{display:block;margin-bottom:7px}.tscl-app .chart-wrap{min-height:280px;padding:8px}.tscl-app .chart-wrap svg{min-height:260px}.tscl-app .triangle-content{min-height:294px}.tscl-app .triangle-wrap{min-height:225px}.tscl-app .mode-switch{margin-top:8px}.tscl-app .legend{padding:0 10px 10px}.tscl-app .bottom-grid{gap:9px}}
/* Full-bleed responsive WordPress layout: expands beyond a theme's content column, then scales cleanly at every viewport width. */
.tscl-app{
  isolation:isolate;
  position:relative;
  left:50%;
  width:100vw;
  max-width:100vw;
  margin-left:-50vw;
  margin-right:-50vw;
  overflow-x:clip;
}
.tscl-app .app{
  width:100%;
  max-width:1920px;
  margin-left:auto;
  margin-right:auto;
  padding-left:clamp(12px,1.8vw,32px);
  padding-right:clamp(12px,1.8vw,32px);
}
.tscl-app.alignfull{width:100vw;max-width:100vw;}
.tscl-app img{max-width:none;}
@media (max-width:560px){
  .tscl-app .app{padding-left:10px;padding-right:10px;}
}

/* High-contrast heading layer: protect the dashboard from WordPress theme heading colours. */
.tscl-app h1,
.tscl-app h2,
.tscl-app h3,
.tscl-app .section-title,
.tscl-app .slot-name,
.tscl-app .pair-names,
.tscl-app .read-title{
  color:#f5fbff !important;
  -webkit-text-fill-color:#f5fbff;
  opacity:1 !important;
  text-shadow:0 0 14px rgba(67,216,255,.14);
}
.tscl-app .header-copy h1{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
  text-shadow:0 0 18px rgba(67,216,255,.18),0 1px 0 rgba(0,0,0,.45);
}
.tscl-app .panel-head h2,
.tscl-app .section-title{
  color:#eaf8ff !important;
  -webkit-text-fill-color:#eaf8ff;
}


/* Triangle layout refinement: match the performance chart height while retaining a clear margin above the top node/glow. */
.tscl-app .triangle-panel{
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
.tscl-app .triangle-content{
  min-height:320px;
  height:100%;
  flex:1 1 auto;
}
.tscl-app .triangle-wrap{
  min-height:238px;
  flex:1 1 auto;
  overflow:visible;
}
.tscl-app .triangle-wrap svg{display:block;overflow:visible;}
@media (max-width:1100px){
  .tscl-app .triangle-panel{align-self:stretch;}
  .tscl-app .triangle-content{min-height:300px;}
}
@media (max-width:560px){
  .tscl-app .triangle-content{min-height:288px;}
  .tscl-app .triangle-wrap{min-height:220px;}
}


/* Header right-hand trader-use case: replaces technical data-source badges. */
@media (max-width:1100px){
  .tscl-app .top-header{grid-template-columns:168px minmax(0,1fr)}
  .tscl-app .header-help{grid-column:1/-1;width:min(720px,100%);justify-self:start}
}
@media (max-width:560px){
  .tscl-app .header-help{width:100%;padding:9px 10px}
  .tscl-app .header-help p{font-size:10px;line-height:1.45}
}

/* Wider trader-context message: visually matched to the main header subtitle. */
@media (min-width:1101px){
  .tscl-app .top-header{
    grid-template-columns:184px minmax(0,1fr) minmax(440px,540px);
  }
  .tscl-app .header-help{
    width:100%;
    max-width:540px;
    justify-self:end;
  }
}
.tscl-app .header-help p{
  color:var(--muted) !important;
  -webkit-text-fill-color:var(--muted);
  font-size:10px !important;
  font-weight:400 !important;
  line-height:1.42 !important;
  letter-spacing:normal;
  text-shadow:none;
}
.tscl-app .header-help p::first-line{
  color:var(--muted);
}

/* Combined right-hand trading context: one concise trader-use-case message. */
.tscl-app .header-copy{align-self:center;}
.tscl-app .header-help{
  min-height:76px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tscl-app .header-help p{
  max-width:100%;
  text-wrap:pretty;
}
@media (min-width:1101px){
  .tscl-app .top-header{
    grid-template-columns:184px minmax(0,1fr) minmax(580px,700px);
  }
  .tscl-app .header-help{
    width:100%;
    max-width:700px;
  }
}
@media (max-width:1100px){
  .tscl-app .header-help{
    min-height:0;
  }
}


/* Trader Labs display title: removes the old Trade Smart eyebrow and gives Correlation Lab the same futuristic white-to-fluoro identity as the logo. */
.tscl-app .header-copy{
  display:flex;
  align-items:center;
  min-height:72px;
}
.tscl-app .header-copy .eyebrow{display:none !important;}
.tscl-app .header-copy h1.brand-tool-title{
  margin:0 !important;
  display:flex;
  align-items:baseline;
  gap:.22em;
  white-space:nowrap;
  font-family:"Orbitron","Ethnocentric","Bank Gothic","Eurostile Extended","Arial Black","Segoe UI Black",sans-serif;
  font-size:clamp(30px,2.65vw,51px) !important;
  font-weight:950 !important;
  line-height:.98 !important;
  letter-spacing:.048em !important;
  text-transform:uppercase;
  color:#f8fbff !important;
  -webkit-text-fill-color:#f8fbff !important;
  text-shadow:0 2px 0 rgba(0,0,0,.42),0 0 18px rgba(67,216,255,.18) !important;
}
.tscl-app .header-copy h1.brand-tool-title .brand-tool-title-main{
  display:inline-block;
  color:#f8fbff !important;
  -webkit-text-fill-color:#f8fbff !important;
  text-shadow:0 2px 0 rgba(0,0,0,.42),0 0 16px rgba(67,216,255,.14);
}
.tscl-app .header-copy h1.brand-tool-title .brand-tool-title-accent{
  display:inline-block;
  background:linear-gradient(100deg,#1ecdfb 0%,#5b9dff 18%,#9a59ff 48%,#d15dff 65%,#27e6b0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  filter:drop-shadow(0 0 11px rgba(111,132,255,.34));
}
@media (min-width:1101px){
  .tscl-app .top-header{
    grid-template-columns:220px minmax(320px,1fr) minmax(580px,700px);
  }
}
@media (max-width:1100px){
  .tscl-app .header-copy{min-height:64px;}
  .tscl-app .header-copy h1.brand-tool-title{font-size:clamp(28px,4vw,42px) !important;}
}
@media (max-width:560px){
  .tscl-app .header-copy{min-height:auto;}
  .tscl-app .header-copy h1.brand-tool-title{
    gap:.16em;
    white-space:normal;
    flex-wrap:wrap;
    font-size:clamp(28px,9vw,40px) !important;
    line-height:1.02 !important;
  }
}

/* Correlation Lab title graphic: rasterised brand treatment so every browser sees the same custom lettering. */
.tscl-app .header-copy{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:82px;
}
.tscl-app .header-copy .tool-title-mark{
  display:block !important;
  width:min(100%, 820px) !important;
  max-width:100% !important;
  height:auto !important;
  max-height:78px !important;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.38)) drop-shadow(0 0 14px rgba(67,216,255,.10));
}
@media (min-width:1101px){
  .tscl-app .top-header{
    grid-template-columns:220px minmax(430px,1fr) minmax(480px,690px);
  }
}
@media (max-width:1100px){
  .tscl-app .header-copy{min-height:72px;}
  .tscl-app .header-copy .tool-title-mark{max-height:68px !important;}
}
@media (max-width:820px){
  .tscl-app .top-header{grid-template-columns:168px minmax(0,1fr);}
  .tscl-app .header-copy{min-height:66px;}
  .tscl-app .header-copy .tool-title-mark{max-height:62px !important;}
}
@media (max-width:560px){
  .tscl-app .top-header{grid-template-columns:1fr;}
  .tscl-app .header-copy{min-height:auto;}
  .tscl-app .header-copy .tool-title-mark{width:min(100%,650px) !important;max-height:none !important;}
}


/* v1.2.6 — refined, fixed-ratio Correlation Lab brand mark.
   The title is a transparent graphic so the custom lettering stays consistent across browsers. */
.tscl-app .top-header{
  grid-template-columns:minmax(210px,250px) minmax(340px,540px) minmax(300px,1fr) !important;
  column-gap:18px;
  row-gap:12px;
}
.tscl-app .logo-wrap{
  height:58px;
  min-width:0;
}
.tscl-app .header-copy{
  min-width:0;
  min-height:64px !important;
  height:64px;
  display:flex;
  align-items:center;
}
.tscl-app .header-copy .tool-title-mark{
  display:block !important;
  width:min(100%,540px) !important;
  max-width:540px !important;
  height:auto !important;
  max-height:64px !important;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.34)) drop-shadow(0 0 11px rgba(67,216,255,.11));
}
.tscl-app .header-help{
  width:100% !important;
  max-width:none !important;
  min-height:64px;
}
@media (max-width:1100px){
  .tscl-app .top-header{
    grid-template-columns:190px minmax(0,1fr) !important;
  }
  .tscl-app .header-copy .tool-title-mark{
    width:min(100%,500px) !important;
    max-height:58px !important;
  }
  .tscl-app .header-help{
    grid-column:1/-1;
    width:100% !important;
  }
}
@media (max-width:560px){
  .tscl-app .top-header{grid-template-columns:1fr !important;}
  .tscl-app .logo-wrap{height:56px;max-width:244px;}
  .tscl-app .header-copy{height:auto;min-height:auto !important;}
  .tscl-app .header-copy .tool-title-mark{
    width:min(100%,520px) !important;
    max-height:none !important;
  }
}


/* v1.2.7 — exact approved Correlation Lab title artwork.
   Layout only: the title image is not recoloured, redrawn or otherwise altered. */
.tscl-app .header-copy .tool-title-mark{
  width:min(100%,520px) !important;
  max-width:520px !important;
  height:auto !important;
  max-height:54px !important;
  object-fit:contain !important;
  object-position:left center !important;
  image-rendering:auto !important;
}
@media (max-width:1100px){
  .tscl-app .header-copy .tool-title-mark{
    width:min(100%,500px) !important;
    max-height:52px !important;
  }
}
@media (max-width:560px){
  .tscl-app .header-copy .tool-title-mark{
    width:min(100%,520px) !important;
    max-width:520px !important;
    max-height:none !important;
  }
}

/* v1.2.8 — exact user-supplied Correlation Lab title asset.
   No text, font substitution, vector redraw or colour treatment is applied. */
.tscl-app .top-header{
  grid-template-columns:minmax(210px,250px) minmax(400px,680px) minmax(320px,1fr) !important;
  column-gap:18px;
  align-items:center;
}
.tscl-app .header-copy{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:68px !important;
  height:auto;
}
.tscl-app .header-copy .tool-title-mark{
  display:block !important;
  width:min(100%,680px) !important;
  max-width:680px !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:1252 / 110;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
}
@media (max-width:1250px){
  .tscl-app .top-header{
    grid-template-columns:200px minmax(330px,1fr) minmax(280px,380px) !important;
  }
  .tscl-app .header-copy .tool-title-mark{
    width:min(100%,600px) !important;
    max-width:600px !important;
  }
}
@media (max-width:1100px){
  .tscl-app .top-header{
    grid-template-columns:190px minmax(0,1fr) !important;
  }
  .tscl-app .header-copy{
    min-height:62px !important;
  }
  .tscl-app .header-copy .tool-title-mark{
    width:min(100%,620px) !important;
    max-width:620px !important;
  }
  .tscl-app .header-help{
    grid-column:1 / -1;
    width:100% !important;
  }
}
@media (max-width:560px){
  .tscl-app .top-header{
    grid-template-columns:1fr !important;
  }
  .tscl-app .header-copy{
    min-height:auto !important;
  }
  .tscl-app .header-copy .tool-title-mark{
    width:100% !important;
    max-width:none !important;
  }
}


/* v1.2.9 — user-controlled day/night interface. The selected mode is saved locally for the visitor. */
.tscl-app .theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:104px;
  background:linear-gradient(135deg,#142a42,#193e51);
  border-color:#2e6680;
  color:#dff9ff;
}
.tscl-app .theme-toggle:hover{background:linear-gradient(135deg,#1a344e,#205369);}
.tscl-app .theme-toggle-icon{font-size:13px;line-height:1;color:#ffd86d;text-shadow:0 0 12px rgba(255,204,79,.48)}
.tscl-app .theme-toggle.is-day{background:linear-gradient(135deg,#162c44,#182851);border-color:#5e76ad;color:#e9ecff;}
.tscl-app .theme-toggle.is-day .theme-toggle-icon{color:#bda9ff;text-shadow:0 0 12px rgba(183,151,255,.48)}

.tscl-app.day-theme{
  background:radial-gradient(860px 460px at 50% -180px,rgba(90,153,255,.18),transparent 64%),linear-gradient(180deg,#f7fbff 0%,#edf4fc 52%,#e7f0fa 100%);
}
.tscl-app.day-theme .top-header{
  background:linear-gradient(112deg,#fdfefe 0%,#f4f9fe 58%,#eef5fe 100%);
  border-color:#c4d6ea;
}
.tscl-app.day-theme .header-help{
  background:linear-gradient(90deg,rgba(229,242,253,.9),rgba(244,249,255,.84));
  border-left-color:#168db4;
}
.tscl-app.day-theme .header-help p{color:var(--muted) !important;-webkit-text-fill-color:var(--muted)}
.tscl-app.day-theme button{background:#f7fbff;color:var(--text);border-color:#c5d7eb}
.tscl-app.day-theme button:hover{background:#e9f3fd;border-color:#168db4}
.tscl-app.day-theme .nav-tab.active{background:linear-gradient(135deg,#217ea6,#4f61bb);border-color:#6eaeea;color:#fff;}
.tscl-app.day-theme .theme-toggle{background:linear-gradient(135deg,#fff5cf,#fffaf0);border-color:#d9b95b;color:#5d4a12}
.tscl-app.day-theme .theme-toggle:hover{background:linear-gradient(135deg,#ffedaa,#fff5da);border-color:#b78f23}
.tscl-app.day-theme .theme-toggle-icon{color:#b57900;text-shadow:0 0 10px rgba(255,184,35,.26)}
.tscl-app.day-theme .theme-toggle.is-day{background:linear-gradient(135deg,#eef0ff,#f8f6ff);border-color:#a89bde;color:#453d77}
.tscl-app.day-theme .theme-toggle.is-day .theme-toggle-icon{color:#6557b5;text-shadow:0 0 10px rgba(111,87,199,.26)}
.tscl-app.day-theme .refresh{background:linear-gradient(135deg,#167f9e,#1ba97e);border-color:#288b8a;color:#f5ffff}
.tscl-app.day-theme .section-head,.tscl-app.day-theme .panel-head{background:linear-gradient(90deg,#f7fbff,#eef5fc);border-bottom-color:#d6e3f0}
.tscl-app.day-theme .control-grid{background:radial-gradient(500px 200px at 50% 0,rgba(32,157,220,.08),transparent 80%)}
.tscl-app.day-theme .slot-card{background:linear-gradient(145deg,#ffffff,#f2f7fd);border-color:#c7d9ec}
.tscl-app.day-theme .slot-status{background:color-mix(in srgb,var(--accent) 9%,#f6faff)}
.tscl-app.day-theme .category-tabs button{background:#f0f6fd;color:#526c86;border-color:#c9d9ea}
.tscl-app.day-theme .category-tabs button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#eef8ff),color-mix(in srgb,var(--accent) 9%,#f7f4ff));color:#102039}
.tscl-app.day-theme .instrument-select{background:#ffffff;border-color:#c5d7eb;color:#102039}
.tscl-app.day-theme .mode-switch{background:#edf4fb;border-color:#c7d9ec}
.tscl-app.day-theme .mode-switch button.active{background:#dbeafa;border-color:#98b9dc;color:#102039}
.tscl-app.day-theme .range-switch button.active{background:rgba(22,141,180,.12);color:#116b89}
.tscl-app.day-theme .status-bar{background:linear-gradient(90deg,#e9f8fb,#f4fbfe);border-color:#b8dce6;color:#3d6077}
.tscl-app.day-theme .status-bar.error{background:linear-gradient(90deg,#fbecef,#fff5f7);border-color:#e6b0be}
.tscl-app.day-theme .metric-card{background:linear-gradient(155deg,#ffffff,#f2f7fd);border-color:#c7d9ec}
.tscl-app.day-theme .metric-icon{border-color:#b9cce0;color:#3e5c79}
.tscl-app.day-theme .chart-panel,.tscl-app.day-theme .triangle-panel,.tscl-app.day-theme .pairs-panel,.tscl-app.day-theme .read-panel{background:linear-gradient(180deg,#ffffff,#f5f9fe);border-color:#c7d9ec}
.tscl-app.day-theme .chart-timeframe-bar{background:#f1f6fc;border-color:#d3e0ed}
.tscl-app.day-theme .chart-wrap{background:linear-gradient(180deg,#fbfdff,#f3f8fd)}
.tscl-app.day-theme .chart-empty{color:#58718a}
.tscl-app.day-theme .legend{border-top-color:#d6e2ef}
.tscl-app.day-theme .legend-item{background:#eff5fb;border-color:#d6e2ef}
.tscl-app.day-theme .axis{fill:#607a93}
.tscl-app.day-theme .grid-line{stroke:#d6e3ef}
.tscl-app.day-theme .tri-label-bg{fill:#ffffff;stroke:#9fb8d1}
.tscl-app.day-theme .tri-label{fill:#213e59}
.tscl-app.day-theme .tri-centre{fill:#f7fbff}
.tscl-app.day-theme .tri-centre-main{fill:#182f49}
.tscl-app.day-theme .tri-centre-sub{fill:#58718a}
.tscl-app.day-theme .tri-copy{background:linear-gradient(90deg,#eef9fb,#f4f8fe);border-left-color:var(--tri-tone);color:#3f5c75}
.tscl-app.day-theme .pairs-list{background:#f8fbff}
.tscl-app.day-theme .pair-card{background:#ffffff;border-bottom-color:#d6e2ef}
.tscl-app.day-theme .read-content{background:#f8fbff}
.tscl-app.day-theme .read-item{background:#ffffff;border-color:#d5e2ef}
.tscl-app.day-theme .read-note{background:linear-gradient(90deg,#eef8fb,#f1f5ff);border-left-color:#168db4;color:#3f5c75}
.tscl-app.day-theme .footer{color:#607a93}
.tscl-app.day-theme h1,.tscl-app.day-theme h2,.tscl-app.day-theme h3,.tscl-app.day-theme .section-title,.tscl-app.day-theme .slot-name,.tscl-app.day-theme .pair-names,.tscl-app.day-theme .read-title,.tscl-app.day-theme .panel-head h2{color:#102039 !important;-webkit-text-fill-color:#102039;text-shadow:none}

/* v1.3.0 — complete day-mode palette.
   Day mode keeps the branded header dark so the supplied white Trader Labs
   and Correlation Lab artwork stays legible, while every working surface
   below switches to a high-contrast light interface. */
.tscl-app.day-theme{
  --day-ink:#12263d;
  --day-ink-soft:#31516b;
  --day-ink-muted:#5c7891;
  --day-surface:#ffffff;
  --day-surface-2:#f6faff;
  --day-surface-3:#edf5fc;
  --day-border:#c7d9ea;
  --day-border-strong:#9fbcd5;
  --day-grid:#d8e5f0;
  --day-shadow:0 12px 30px rgba(34,70,110,.12);
  --text:var(--day-ink);
  --muted:var(--day-ink-muted);
  --muted-2:#7890a7;
  --border:var(--day-border);
  --border-bright:var(--day-border-strong);
  --panel:var(--day-surface);
  --panel-2:var(--day-surface-2);
  --panel-3:var(--day-surface-3);
  --shadow:var(--day-shadow);
  color:var(--day-ink);
  background:
    radial-gradient(900px 470px at 50% -170px,rgba(70,180,255,.16),transparent 63%),
    linear-gradient(180deg,#f9fcff 0%,#edf4fb 50%,#e5eef8 100%);
}

/* Brand header deliberately remains midnight blue: both supplied header graphics
   use white/metallic artwork and need this contrast in day mode. */
.tscl-app.day-theme .top-header{
  background:
    radial-gradient(560px 190px at 48% 0,rgba(53,113,214,.20),transparent 72%),
    linear-gradient(112deg,#071528 0%,#0b1b31 58%,#102342 100%);
  border-color:#2d5b7b;
  box-shadow:0 16px 30px rgba(25,55,91,.18);
}
.tscl-app.day-theme .header-help{
  background:linear-gradient(112deg,rgba(239,249,255,.98),rgba(221,241,253,.96));
  border-left-color:#20c9ee;
  box-shadow:inset 0 0 20px rgba(31,171,223,.10),0 7px 18px rgba(0,37,71,.15);
}
.tscl-app.day-theme .header-help-kicker{color:#087fa8;}
.tscl-app.day-theme .header-help p,
.tscl-app.day-theme .header-help p::first-line{
  color:#2c506a !important;
  -webkit-text-fill-color:#2c506a !important;
  text-shadow:none;
}

/* Navigation, controls and information surfaces. */
.tscl-app.day-theme .tool-nav{color:var(--day-ink);}
.tscl-app.day-theme .nav-info{color:var(--day-ink-muted);}
.tscl-app.day-theme button,
.tscl-app.day-theme select{
  color:var(--day-ink);
  background:linear-gradient(180deg,#ffffff,#f3f8fd);
  border-color:var(--day-border);
  box-shadow:0 1px 0 rgba(255,255,255,.86) inset;
}
.tscl-app.day-theme button:hover,
.tscl-app.day-theme select:hover{
  color:#0e3f59;
  background:linear-gradient(180deg,#ffffff,#e8f5fd);
  border-color:#58bfe5;
}
.tscl-app.day-theme button:focus-visible,
.tscl-app.day-theme select:focus-visible{outline-color:rgba(22,141,180,.30);}
.tscl-app.day-theme .nav-tab.active{
  background:linear-gradient(135deg,#127fa6,#595ac4);
  border-color:#4d9fc8;
  color:#ffffff;
  box-shadow:0 5px 14px rgba(47,106,198,.20);
}
.tscl-app.day-theme .refresh{
  background:linear-gradient(135deg,#097e9e,#17a77e);
  border-color:#167f8c;
  color:#ffffff;
  box-shadow:0 6px 16px rgba(11,133,136,.18);
}
.tscl-app.day-theme .refresh:hover{background:linear-gradient(135deg,#0a91b5,#18ba8c);color:#ffffff;}
.tscl-app.day-theme .theme-toggle.is-day{
  background:linear-gradient(135deg,#1a3450,#2b2757);
  border-color:#5c72a4;
  color:#eef5ff;
}
.tscl-app.day-theme .theme-toggle.is-day:hover{background:linear-gradient(135deg,#22415f,#39346e);}
.tscl-app.day-theme .theme-toggle.is-day .theme-toggle-icon{color:#d8c8ff;text-shadow:0 0 10px rgba(198,174,255,.50);}

/* Main cards and section headers. */
.tscl-app.day-theme .section,
.tscl-app.day-theme .chart-panel,
.tscl-app.day-theme .triangle-panel,
.tscl-app.day-theme .pairs-panel,
.tscl-app.day-theme .read-panel{
  background:linear-gradient(180deg,var(--day-surface) 0%,var(--day-surface-2) 100%);
  border-color:var(--day-border);
  box-shadow:var(--day-shadow);
}
.tscl-app.day-theme .section-head,
.tscl-app.day-theme .panel-head{
  background:linear-gradient(90deg,#ffffff 0%,#f2f8fe 100%);
  border-bottom-color:#d2e1ee;
}
.tscl-app.day-theme .section-head,
.tscl-app.day-theme .panel-head,
.tscl-app.day-theme .section-title,
.tscl-app.day-theme .panel-head h2,
.tscl-app.day-theme .panel-head p,
.tscl-app.day-theme .section-sub{color:var(--day-ink) !important;-webkit-text-fill-color:var(--day-ink);}
.tscl-app.day-theme .section-sub,
.tscl-app.day-theme .panel-head p{color:var(--day-ink-muted) !important;-webkit-text-fill-color:var(--day-ink-muted);}
.tscl-app.day-theme .chart-badge{
  color:#15536b;
  background:linear-gradient(135deg,#e7f8fe,#f4fbff);
  border-color:#8ccbe1;
  box-shadow:0 3px 10px rgba(38,153,191,.10);
}
.tscl-app.day-theme .chart-timeframe-bar{
  background:linear-gradient(90deg,#f7fbff,#edf5fc);
  border-bottom-color:#d2e1ee;
}
.tscl-app.day-theme .chart-timeframe-label{color:#52708a;}

/* Instrument selectors. */
.tscl-app.day-theme .control-grid{background:radial-gradient(500px 210px at 50% 0,rgba(30,166,223,.10),transparent 80%);}
.tscl-app.day-theme .slot-card{
  background:linear-gradient(145deg,#ffffff 0%,#f2f7fc 100%);
  border-color:var(--day-border);
  box-shadow:0 7px 18px rgba(40,78,115,.08);
}
.tscl-app.day-theme .slot-name,
.tscl-app.day-theme .slot-meta{color:var(--day-ink) !important;-webkit-text-fill-color:var(--day-ink);}
.tscl-app.day-theme .slot-meta{color:var(--day-ink-muted) !important;-webkit-text-fill-color:var(--day-ink-muted);}
.tscl-app.day-theme .slot-status{
  background:color-mix(in srgb,var(--accent) 11%,#ffffff);
  border-color:color-mix(in srgb,var(--accent) 62%,#9db6cb);
  text-shadow:none;
  box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 18%,transparent);
}
.tscl-app.day-theme .category-tabs button{
  color:#4f6b84;
  background:#f2f7fc;
  border-color:#c9d9e8;
}
.tscl-app.day-theme .category-tabs button.active{
  color:var(--day-ink);
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 23%,#f5fbff),color-mix(in srgb,var(--accent) 9%,#ffffff));
  border-color:var(--accent);
}
.tscl-app.day-theme .select-label{color:#5f7991;}
.tscl-app.day-theme .instrument-select{
  color:var(--day-ink);
  background:#ffffff;
  border-color:#bcd0e1;
}
.tscl-app.day-theme .instrument-select option,
.tscl-app.day-theme .instrument-select optgroup{background:#ffffff;color:var(--day-ink);}
.tscl-app.day-theme .mode-switch{background:#eaf3fb;border-color:#c2d6e7;}
.tscl-app.day-theme .mode-switch button{background:transparent;color:#607a92;border-color:transparent;box-shadow:none;}
.tscl-app.day-theme .mode-switch button.active{
  background:linear-gradient(135deg,#d9effb,#e8e5ff);
  border-color:#98bad9;
  color:var(--day-ink);
  box-shadow:0 3px 9px rgba(51,105,156,.11);
}
.tscl-app.day-theme .range-switch button{background:#ffffff;color:#59748c;border-color:#c6d8e8;}
.tscl-app.day-theme .range-switch button.active{
  color:#075f80;
  background:linear-gradient(135deg,#d9f5ff,#e6ebff);
  border-color:#57b6d7;
  box-shadow:0 3px 9px rgba(35,161,204,.12);
}

/* Status and metric surfaces. */
.tscl-app.day-theme .status-bar{
  color:#34566d;
  background:linear-gradient(90deg,#e8f8fc,#f5fbfe);
  border-color:#b7dce8;
}
.tscl-app.day-theme .status-bar.live{background:linear-gradient(90deg,#e4fbf4,#f3fcf9);border-color:#a8e0d0;color:#285e59;}
.tscl-app.day-theme .status-bar.error{background:linear-gradient(90deg,#fff0f3,#fff8f9);border-color:#ebb9c7;color:#7a344a;}
.tscl-app.day-theme .metric-card{
  background:linear-gradient(155deg,#ffffff 0%,#f0f7fd 100%);
  border-color:var(--day-border);
  box-shadow:0 8px 20px rgba(42,79,117,.10);
}
.tscl-app.day-theme .metric-label{color:#637e95;}
.tscl-app.day-theme .metric-sub{color:#5d788f;}
.tscl-app.day-theme .metric-icon{background:#f7fbff;border-color:#b9cde0;color:#3d5f79;}

/* Chart background, grid, legend and endpoint markers. */
.tscl-app.day-theme .chart-wrap{
  background:radial-gradient(570px 250px at 45% 100%,rgba(39,183,234,.10),transparent 72%),linear-gradient(180deg,#ffffff,#f2f8fd);
}
.tscl-app.day-theme .chart-empty{color:#52718b;}
.tscl-app.day-theme .legend{border-top-color:#d6e4f0;}
.tscl-app.day-theme .legend-item{color:#314f67;}
.tscl-app.day-theme .axis{fill:#55718a;}
.tscl-app.day-theme .grid-line{stroke:var(--day-grid);opacity:1;}
.tscl-app.day-theme .chart-dot{fill:#ffffff;stroke-width:3.1;}

/* Triangle: all dark SVG fills now have light counterparts and dark readable text. */
.tscl-app.day-theme .triangle-wrap{
  background:radial-gradient(250px 200px at 50% 47%,rgba(70,162,237,.12),transparent 74%);
}
.tscl-app.day-theme .tri-edge-thin{stroke:#d3e1ec;}
.tscl-app.day-theme .tri-node{fill:#ffffff;filter:drop-shadow(0 5px 9px rgba(45,90,130,.16)) drop-shadow(0 0 8px color-mix(in srgb,var(--node) 34%,transparent));}
.tscl-app.day-theme .tri-node-text{fill:#173047;}
.tscl-app.day-theme .tri-node-sub{fill:#52728c;}
.tscl-app.day-theme .tri-label-bg{fill:#ffffff;stroke:#8eafc7;filter:drop-shadow(0 2px 4px rgba(45,90,130,.12));}
.tscl-app.day-theme .tri-label{fill:#1b3b54;}
.tscl-app.day-theme .tri-centre{fill:#ffffff;filter:drop-shadow(0 5px 11px rgba(38,80,119,.15)) drop-shadow(0 0 12px color-mix(in srgb,var(--centre) 32%,transparent));}
.tscl-app.day-theme .tri-centre-main{fill:#173047;}
.tscl-app.day-theme .tri-centre-sub{fill:#52728c;}
.tscl-app.day-theme .tri-copy{
  color:#385b73;
  background:linear-gradient(90deg,#eafaff,#f6faff);
  border-left-color:var(--tri-tone);
  box-shadow:inset 0 0 0 1px rgba(179,210,230,.22);
}

/* Pairwise / learning panels and footer. */
.tscl-app.day-theme .pairs-list{background:#f7fbff;}
.tscl-app.day-theme .pair-card{
  background:#ffffff;
  border-color:#d3e1ee;
  box-shadow:0 3px 8px rgba(44,78,112,.05);
}
.tscl-app.day-theme .pair-names{color:var(--day-ink) !important;-webkit-text-fill-color:var(--day-ink);}
.tscl-app.day-theme .pair-detail{color:#5b768e;}
.tscl-app.day-theme .read-content{background:#f7fbff;}
.tscl-app.day-theme .read-title{color:var(--day-ink) !important;-webkit-text-fill-color:var(--day-ink);}
.tscl-app.day-theme .read-item{
  background:#ffffff;
  border-color:#d2e1ee;
  box-shadow:0 2px 7px rgba(44,78,112,.04);
}
.tscl-app.day-theme .read-bullet{background:#e7f2fb;border-color:#afc9df;color:#087fa8;}
.tscl-app.day-theme .read-copy{color:#3d5d74;}
.tscl-app.day-theme .read-copy b{color:var(--day-ink);}
.tscl-app.day-theme .read-note{
  color:#3b5d75;
  background:linear-gradient(90deg,#e8f8fd,#f0f1ff);
  border-color:#c6d9ed;
  border-left-color:#168db4;
}
.tscl-app.day-theme .footer{
  color:#58728a;
  background:linear-gradient(180deg,#f8fcff,#edf5fc);
  border-color:#cadbea;
}
.tscl-app.day-theme .footer strong{color:#8a6200;}
.tscl-app.day-theme .footer .green{color:#147d6b;}

/* Final text guard against colours inherited from a WordPress theme. */
.tscl-app.day-theme h1,
.tscl-app.day-theme h2,
.tscl-app.day-theme h3,
.tscl-app.day-theme .section-title,
.tscl-app.day-theme .slot-name,
.tscl-app.day-theme .pair-names,
.tscl-app.day-theme .read-title,
.tscl-app.day-theme .panel-head h2{
  color:var(--day-ink) !important;
  -webkit-text-fill-color:var(--day-ink) !important;
  text-shadow:none !important;
}