/* T.P UI02: shared tokens, components and one responsive site header. */
:root{color-scheme:dark;--tp-bg:#07121d;--tp-panel:#0c2031;--tp-panel-soft:#0a1928;--tp-text:#edf6fc;--tp-muted:#abc1d0;--tp-subtle:#8fa8bb;--tp-cyan:#55c7f4;--tp-blue:#279adf;--tp-action:#55c7f4;--tp-action-gradient:linear-gradient(105deg,#55c7f4,#279adf);--tp-action-text:#03223b;--tp-line:rgba(113,185,220,.24);--tp-line-active:rgba(101,217,245,.6);--tp-radius:16px;--tp-control-radius:10px;--tp-shadow:0 14px 40px rgba(0,8,20,.18);--tp-font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html{background:var(--tp-bg);scroll-padding-top:90px}
body{font-family:var(--tp-font);color:var(--tp-text)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
button,input,select,textarea{font-family:inherit}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--tp-cyan);outline-offset:4px}
:where(input,select,textarea){max-width:100%;accent-color:var(--tp-action)}
button:disabled{cursor:not-allowed}
.tp-v6-global-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:20px;min-height:76px;width:auto;min-width:0;padding:12px clamp(16px,2.5vw,36px);border-bottom:1px solid var(--tp-line);background:rgba(7,18,29,.97);backdrop-filter:blur(18px);font-family:var(--tp-font);box-shadow:0 8px 28px #0002}
.tp-v6-brand{display:flex;flex:0 0 auto;align-items:center;gap:10px;color:var(--tp-text)!important;text-decoration:none!important;white-space:nowrap}
.tp-v6-brand-symbol{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid var(--tp-line-active);border-radius:12px;background:linear-gradient(135deg,#8ce8f8,var(--tp-blue));color:#082234;font-size:16px;font-weight:850;letter-spacing:-.07em}
.tp-v6-brand-name{display:grid;gap:3px;min-width:0}.tp-v6-brand-name strong{font-size:15px;line-height:1.2}.tp-v6-brand-name small{font-size:11px;line-height:1.3;color:var(--tp-subtle)}
.tp-v6-primary-navigation{display:flex;flex:1;min-width:0;justify-content:flex-end;align-items:center;gap:4px}
.tp-v6-primary-navigation a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px clamp(8px,1vw,14px);border:1px solid transparent;border-radius:var(--tp-control-radius);font-size:14px;font-weight:650;line-height:1.25;color:var(--tp-muted)!important;text-decoration:none!important;white-space:nowrap}
.tp-v6-primary-navigation a:hover{color:var(--tp-text)!important;background:rgba(101,217,245,.07)}
.tp-v6-primary-navigation a.is-current{color:var(--tp-text)!important;background:rgba(101,217,245,.12);border-color:var(--tp-line-active)}
.tp-v8-account-icon{display:grid;place-items:center;width:24px;height:24px;flex:none}.tp-v8-account-icon svg{width:21px;height:21px;stroke-width:1.7}
.tp-v7-nav-language{display:flex;gap:3px;flex:none;align-items:center;border:1px solid var(--tp-line);border-radius:var(--tp-control-radius);padding:3px}
.tp-v7-nav-language button{display:grid;place-items:center;width:37px;min-height:38px;padding:4px;border:0;border-radius:7px;font-size:12px;font-weight:750;background:transparent;color:var(--tp-muted);cursor:pointer}
.tp-v7-nav-language button[aria-pressed=true]{color:#082234;background:var(--tp-cyan)}
.tp-v6-menu-toggle{display:none}
/* Keep legacy DOM hooks for app.js, with a single visible site navigation. */
body.tp-v6-nav-ready :is(.app-sidebar,.mobile-nav,.tpx-topnav,.tp-custom-header,.app-topbar,.plans-header,.tp-j-top,.legal-nav){display:none!important}
body.tp-v6-nav-ready .app-layout{grid-template-columns:minmax(0,1fr)!important}
body.tp-v6-nav-ready .app-main{margin-left:0!important;width:100%!important;min-width:0!important}
body.tp-v6-nav-ready .rail{display:none!important}
body.tp-v6-nav-ready .app-shell>main{margin-left:0!important}
body.tp-v6-nav-ready #tpAccountShell,body.tp-v6-nav-ready .topbar-service,body.tp-v6-nav-ready .sidebar-status-dot{display:none!important}
/* One surface and control vocabulary; retain the layout owned by each page. */
body.tp-v6-nav-ready :is(.tp-v7-page-heading,.tp-v7-monitor-activity,.tp-v8-account-hero,.tp-v8-account-guide,#accountCard,#tpV7Notifications,#billingCard,.plan-card,.tp-j-panel,.tp-jrt-shell,.panel,.step-card,.empty-state,#tpMt5GraphSection,#tpMt5Settings){border-color:var(--tp-line)!important;border-radius:var(--tp-radius)!important;box-shadow:var(--tp-shadow)!important;background-color:var(--tp-panel)!important}
body.tp-v6-nav-ready :is(.plan-card,.tp-v8-account-hero,.tp-v8-account-guide,#accountCard,#tpV7Notifications,#billingCard,.tp-j-panel,.step-card,.panel){background-image:linear-gradient(140deg,rgba(20,49,70,.45),rgba(7,18,29,.22))!important}
body.tp-v6-nav-ready :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:var(--tp-line);border-radius:var(--tp-control-radius);background-color:var(--tp-panel-soft);color:var(--tp-text);font-size:14px;line-height:1.5}
body.tp-v6-nav-ready :is(.primary,.tp-jrt-btn-primary,.plan-action,.tpx-btn-primary){background:var(--tp-action-gradient)!important;border:1px solid var(--tp-action)!important;color:var(--tp-action-text)!important;border-radius:var(--tp-control-radius)!important;font-weight:750;box-shadow:none!important}
body.tp-v6-nav-ready :is(.primary,.secondary,.plan-action,.tp-jrt-btn,.tpx-btn,.period-button,.tp-v8-account-actions a,#accountCard button){min-height:44px;line-height:1.35}
body.tp-v6-nav-ready :is(.primary,.plan-action,.tp-jrt-btn-primary):disabled{opacity:.45}
body.tp-v6-nav-ready :is(.page-head p,.wizard-heading p,.tp-jrt-copy,.tp-j-item-meta,.tp-v7-page-heading p){color:var(--tp-muted);font-size:14px;line-height:1.65}
body.tp-v6-nav-ready :is(.page-head h1,#tpmTitle,#tpOfficialTitle,#tpV8AccountTitle,.tp-jrt-title){font-size:clamp(28px,3vw,40px)!important;line-height:1.15!important;letter-spacing:-.035em}
body.tp-v6-nav-ready #tpV8AccountTitle{margin:0 0 12px}
body.tp-v6-nav-ready :is(.tp-v8-account-hero p,.tp-v8-account-guide-grid p,.tp-v8-account-login .fine){font-size:14px!important}
body.tp-v6-nav-ready .tp-v8-account-stack{max-width:1120px!important;gap:20px}
body.tp-v6-nav-ready .topbar{position:relative;top:auto;height:auto;min-height:56px;padding:14px 24px;background:transparent}
body.tp-v6-nav-ready .crumb,body.tp-v6-nav-ready .draft-status{font-size:13px}
body.tp-v6-nav-ready .form-grid label{font-size:13px}
body.tp-v6-nav-ready .tp-mt5-foot{font-size:12px}
body.tp-v6-nav-ready .tp-jrt-state.is-auth{border-color:var(--tp-line);color:var(--tp-muted);background:var(--tp-panel-soft)}
body.tp-v6-nav-ready .tp-testimonial{border-color:var(--tp-line);border-radius:var(--tp-radius);box-shadow:none}
body.tp-v6-nav-ready .tp-testimonial blockquote{font-size:16px;line-height:1.65;font-style:normal}
body.tp-v6-nav-ready .tp-testimonial-foot{color:var(--tp-subtle);font-size:12px}
.tp-legal-page .hero{padding-top:48px}.tp-legal-page .side{top:100px}.tp-legal-page .panel{scroll-margin-top:100px}
.tp-legal-page .hero h1{font-size:clamp(32px,4vw,52px)}
@media(max-width:1180px){.tp-v6-global-header{gap:10px;padding-inline:16px}.tp-v6-brand-name small{display:none}.tp-v6-primary-navigation{gap:1px}.tp-v6-primary-navigation a{font-size:13px;padding-inline:8px}}
@media(max-width:960px){.tp-v6-global-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;min-height:70px;padding:10px 16px}.tp-v6-menu-toggle{display:block;min-height:44px;padding:8px 14px;border:1px solid var(--tp-line);border-radius:var(--tp-control-radius);color:var(--tp-text);background:var(--tp-panel);font:650 14px/1.3 var(--tp-font);cursor:pointer}.tp-v6-primary-navigation{display:none;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px;padding-top:8px;border-top:1px solid var(--tp-line)}.tp-v6-global-header.is-open .tp-v6-primary-navigation{display:grid}.tp-v6-primary-navigation a{justify-content:flex-start;white-space:normal;font-size:14px;padding:12px}.tp-v7-nav-language button{min-height:38px;width:32px}}
@media(max-width:480px){.tp-v6-global-header{gap:7px;padding-inline:12px}.tp-v6-brand{gap:7px}.tp-v6-brand-symbol{width:34px;height:34px;font-size:14px;border-radius:10px}.tp-v6-brand-name strong{font-size:13px}.tp-v6-menu-toggle{padding-inline:10px}.tp-v7-nav-language button{width:29px}.tp-v6-primary-navigation a{min-height:46px}body.tp-v6-nav-ready :is(input,select,textarea){font-size:16px}.tp-legal-page .wrap{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}}

/* UI05: the Predefined palette is the common TP action palette. */
:root{--tp-positive:var(--tp-cyan)}
body.tp-v6-nav-ready :is(.primary,.studio-primary,.tp-jrt-btn-primary,.plan-action:not(.secondary),.bottom-cta-action,.tpx-btn-primary,.tpx-button-primary,.tp-v7-official-action,.tpx-studio-button.tpx-green,.tp-home-button:not(.tp-button-outline),.tpm-primary){background:var(--tp-action-gradient)!important;border-color:rgba(85,199,244,.5)!important;color:var(--tp-action-text)!important}
body.tp-v6-nav-ready #tpMt5Settings .tp-mt5-actions button:not(.secondary){background:var(--tp-action-gradient)!important;border-color:rgba(85,199,244,.5)!important;color:var(--tp-action-text)!important}
body.tp-v6-nav-ready :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--tp-cyan)}
body.tp-v6-nav-ready .empty-glyph{color:var(--tp-cyan)}
/* Recolor only green pixels in the decorative raster. Red market moves,
   white lettering and the approved blue/dark artwork retain their colors. */
@media(min-width:1200px){body.tpx-home-active .tpx-hero-visual::after{filter:url(#tpBlueArtworkFilter)!important}}

/* LIVE07: additional navigation link on medium width devices */
@media(min-width:961px) and (max-width:1130px){.tp-v6-global-header{flex-wrap:wrap}.tp-v6-primary-navigation{order:3;flex:1 1 100%;justify-content:center}.tp-v6-brand-name small{display:none}.tp-v7-nav-language{margin-left:auto}}

/* LIVE08: navigation shortcuts for notifications and broker data connection. */
.tp-v6-primary-navigation a.tp-v8-nav-icon-route{width:43px;min-width:43px;min-height:44px;padding:8px!important;flex:0 0 auto}
.tp-v8-nav-icon-route svg{width:21px;height:21px;flex:none}
.tp-v6-primary-navigation .tp-v8-nav-icon-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(min-width:961px) and (max-width:1380px){.tp-v6-global-header{flex-wrap:wrap}.tp-v6-primary-navigation{order:3;flex:1 1 100%;justify-content:center}.tp-v6-brand-name small{display:none}.tp-v7-nav-language{margin-left:auto}}
@media(max-width:960px){.tp-v6-primary-navigation a.tp-v8-nav-icon-route{width:auto;min-width:0;justify-content:flex-start}.tp-v6-primary-navigation .tp-v8-nav-icon-label{position:static;inline-size:auto;block-size:auto;overflow:visible;clip:auto;white-space:normal}}