
/* TradeRocket gold history — unified light design */
.tr-gold{--ink:#182536;--muted:#637083;--gold:#946818;--line:#e3e7ed;--bg:#f5f6f8;font:16px/1.8 'Noto Sans Thai',Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.tr-gold *{box-sizing:border-box}.tr-gold a{color:inherit;text-decoration:none}.tr-gold p{margin:10px 0}.tr-gold .gold-main{max-width:none;margin:0;padding:0}.tr-gold .wrap{max-width:1240px;margin:auto;padding:1px 28px 32px}.tr-gold .crumb{font-size:13px;color:var(--muted);margin:24px 0 30px}.tr-gold .crumb a:hover{text-decoration:underline}
.tr-gold .hero-shell{background:linear-gradient(135deg,#fff 60%,#fcf6e9);border-bottom:1px solid var(--line);margin-bottom:32px}.tr-gold .hero-shell>.wrap{padding-bottom:0}.tr-gold .hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:4px 0 40px}.tr-gold .eyebrow{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--gold)}.tr-gold .hero .eyebrow{display:inline-block;background:#f8f0df;border:1px solid #eadbbe;border-radius:30px;padding:5px 13px;letter-spacing:.2px}.tr-gold h1{font-size:40px;font-weight:800;line-height:1.4;letter-spacing:-.7px;margin:18px 0}.tr-gold h1 span{display:block;font-size:23px;line-height:1.6;font-weight:500;color:#826321;margin-top:10px;letter-spacing:0}.tr-gold .lead{color:var(--muted);font-size:16px;line-height:1.95;max-width:560px}.tr-gold .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tr-gold .hero-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;min-height:46px;border-radius:9px;font-size:14px;font-weight:700}.tr-gold .cta-primary{background:#182536;color:#fff;border:1px solid #182536}.tr-gold .cta-secondary{background:white;border:1px solid #d6dce4}.tr-gold .hero-actions a:hover{box-shadow:0 5px 15px #18253615}
.tr-gold .hero-visual{background:white;border:1px solid #e5dccb;border-radius:18px;box-shadow:0 12px 30px #46361508;padding:24px;min-width:0}.tr-gold .visual-top{font-size:13px;color:#667083;padding-bottom:16px;border-bottom:1px solid var(--line)}.tr-gold .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.tr-gold .card{padding:16px;border-radius:10px;background:#f7f8fa;border:1px solid #edf0f3;min-width:0}.tr-gold .card:first-child{background:#fcf7eb;border-color:#eee0bd}.tr-gold .label{font-size:13px;color:var(--muted)}.tr-gold .card .label{font-weight:600}.tr-gold .value{font-size:29px;line-height:1.5;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.7px;white-space:nowrap;margin:7px 0 3px}.tr-gold .sub{font-size:11px;color:#697485;line-height:1.7}.tr-gold .visual-bottom{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}.tr-gold #herostatus{display:inline-block;margin-top:3px}
.tr-gold .panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:26px;box-shadow:0 4px 16px #18253603;scroll-margin-top:28px}.tr-gold .paneltop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.tr-gold h2{font-size:24px;line-height:1.6;letter-spacing:-.3px;margin:3px 0 4px}.tr-gold .paneltop .eyebrow{font-size:10px;letter-spacing:1.5px}.tr-gold .paneltop .label{font-size:13px}.tr-gold .pill{font-size:12px;color:#6d603f;background:#faf6ec;border:1px solid #ece1c8;padding:6px 12px;border-radius:30px;white-space:nowrap}
.tr-gold button,.tr-gold input,.tr-gold select{font:inherit;font-size:14px;border:1px solid #d7dde5;border-radius:8px;min-height:44px;padding:9px 13px;color:var(--ink);background:#fff;touch-action:manipulation}.tr-gold button{cursor:pointer;font-weight:600}.tr-gold button:hover{background:#f0f3f7}.tr-gold button:disabled{opacity:.45;cursor:default}.tr-gold #apply,.tr-gold #showday{background:#182536;color:white;border-color:#182536}.tr-gold #refreshgold{font-size:13px;background:#f7f8fa}.tr-gold :focus-visible{outline:3px solid #b68d42;outline-offset:3px}.tr-gold label{font-size:13px;color:#536174}.tr-gold .filters{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px;background:#f6f7f9;border-radius:10px}.tr-gold .filters label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.tr-gold select{min-width:0;width:100%}.tr-gold .dates{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#f6f7f9;border-radius:10px;padding:16px 18px;margin:16px 0 18px}.tr-gold .dates input{width:170px;min-width:0}.tr-gold .quickrange{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0}.tr-gold .quickrange span{font-size:13px;color:var(--muted);margin-right:6px}.tr-gold .quickrange button{min-height:40px;padding:7px 15px}.tr-gold .error{color:#b53238;font-size:14px}.tr-gold .error:empty{display:none}
.tr-gold .daystats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.tr-gold .daystats span{background:#f6f7f9;border:1px solid #edf0f3;border-radius:10px;padding:14px 16px;font-size:12px;color:#637083}.tr-gold .daystats b{display:block;margin-top:5px;font-size:23px;line-height:1.45;color:#26364b;font-variant-numeric:tabular-nums}.tr-gold .daystats span:first-child{background:#fcf7eb;border-color:#eee3ca}.tr-gold .up,.tr-gold .value.up{color:#147649!important}.tr-gold .down,.tr-gold .value.down{color:#ba3540!important}.tr-gold .flat{color:#637083!important}.tr-gold .daystats .movement.up{background:#edf8f1;border-color:#d9eddf}.tr-gold .daystats .movement.down{background:#fff1f2;border-color:#f0dadd}.tr-gold .movement.up b{color:#147649}.tr-gold .movement.down b{color:#ba3540}
.tr-gold .chart{margin-top:24px}.tr-gold svg{width:100%;height:auto;display:block}.tr-gold .chartread{background:#fcf7eb;border:1px solid #eee2c8;border-left:3px solid #b58a39;border-radius:8px;padding:12px 16px;min-height:48px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.tr-gold .hint{font-size:12px;color:#697588;line-height:1.9;margin-top:13px}.tr-gold .tablewrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}.tr-gold table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.tr-gold th{font-size:12px;font-weight:600;color:#526176;background:#f3f5f8;text-align:right;padding:15px 16px;border-bottom:1px solid var(--line)}.tr-gold td{text-align:right;padding:14px 16px;border-bottom:1px solid #edf0f3}.tr-gold th:first-child,.tr-gold td:first-child{text-align:left}.tr-gold tbody tr:nth-child(even)>td{background:#fbfcfd}.tr-gold tbody tr:hover>td{background:#f3f6fa}.tr-gold td.up,.tr-gold td.down{font-weight:700}.tr-gold #rows td:nth-child(3){font-weight:700;background:#fcf9f1}.tr-gold .datebtn{background:#f0f4f8;color:#294e72;border:1px solid #e0e7ee;font-size:13px;min-height:38px;padding:6px 11px}.tr-gold .paging{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--muted);font-size:13px}.tr-gold .paging>div{display:flex;gap:7px;flex-wrap:wrap}.tr-gold .inline-rounds>td{background:#f3f5f8!important;padding:16px;white-space:normal;text-align:left}.tr-gold .inline-detail{background:white;border:1px solid var(--line);border-left:3px solid #b58a39;border-radius:9px;padding:18px;overflow:hidden;max-width:100%}.tr-gold .inline-detail strong{font-size:14px}.tr-gold .inline-detail .daystats span{white-space:normal}
.tr-gold .bottomgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.tr-gold .bottomgrid .panel{margin-bottom:0}.tr-gold .info{font-size:14px;color:var(--muted)}.tr-gold .info h2{color:var(--ink);margin:5px 0 14px}.tr-gold .info a{color:#84611f;text-decoration:underline;text-underline-offset:3px}.tr-gold .info b{color:var(--ink)}.tr-gold .notice{background:#fcf8ee;border:1px solid #eee2c8;border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.9;color:#78613b;margin:18px 0}.tr-gold details{border-bottom:1px solid var(--line);padding:16px 0}.tr-gold details:last-child{border:0}.tr-gold summary{font-size:15px;font-weight:600;cursor:pointer}.tr-gold details p{font-size:14px;color:var(--muted);line-height:1.95}.tr-gold details[open] summary{color:#946818}
@media(max-width:1050px){.tr-gold .hero{gap:28px}.tr-gold h1{font-size:34px}.tr-gold h1 span{font-size:21px}.tr-gold .hero-visual{padding:20px}.tr-gold .card{padding:12px}.tr-gold .value{font-size:25px}.tr-gold .bottomgrid{grid-template-columns:1fr}.tr-gold .filters label{grid-template-columns:1fr;gap:5px}}
@media(max-width:700px){.tr-gold .wrap{padding:1px 16px 26px}.tr-gold .crumb{font-size:11px;margin:20px 0}.tr-gold .hero{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.tr-gold h1{font-size:30px;letter-spacing:-.4px;margin-top:14px}.tr-gold h1 span{font-size:20px}.tr-gold .lead{font-size:15px}.tr-gold .hero-actions a{flex:1;font-size:13px;padding:11px 12px}.tr-gold .hero-visual{padding:18px;border-radius:14px}.tr-gold .visual-top{font-size:12px}.tr-gold .cards{gap:10px;margin:14px 0}.tr-gold .card{padding:13px 10px}.tr-gold .value{font-size:24px}.tr-gold .card .label{font-size:12px}.tr-gold .sub{font-size:11px}.tr-gold .panel{padding:22px 16px;border-radius:13px;margin-bottom:22px}.tr-gold .paneltop{align-items:flex-start;flex-wrap:wrap;gap:12px}.tr-gold h2{font-size:21px}.tr-gold .paneltop .label{font-size:12px}.tr-gold .pill{font-size:11px}.tr-gold .filters{grid-template-columns:1fr;padding:14px;gap:14px}.tr-gold input,.tr-gold select{font-size:16px}.tr-gold .dates{display:grid;grid-template-columns:1fr;padding:14px;gap:7px}.tr-gold .dates input{width:100%}.tr-gold .dates button{margin-top:5px;width:100%}.tr-gold .quickrange{gap:7px}.tr-gold .quickrange span{width:100%}.tr-gold .quickrange button{flex:1}.tr-gold .daystats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tr-gold .daystats span{padding:12px;font-size:11px}.tr-gold .daystats b{font-size:20px}.tr-gold th{font-size:11px;padding:13px 12px}.tr-gold td{font-size:13px;padding:13px 12px}.tr-gold .chart{margin-top:16px}.tr-gold .chartread{font-size:13px}.tr-gold .paging>div{width:100%}.tr-gold .paging button{flex:1;font-size:12px;padding:8px}.tr-gold .inline-detail{padding:12px}.tr-gold .inline-rounds>td{padding:10px}.tr-gold .bottomgrid{gap:20px}}
@media(max-width:360px){.tr-gold h1{font-size:27px}.tr-gold .value{font-size:21px}.tr-gold .hero-actions a{flex-basis:100%}.tr-gold .daystats b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.tr-gold *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Restore original navy and gold hero palette */
.tr-gold .hero-shell{background:radial-gradient(ellipse at 5% 0%,#294661,#10243b 65%);border-bottom:2px solid #bc995a;color:#fff}
.tr-gold .hero-shell .crumb{color:#b4c4d5}.tr-gold .hero h1{color:#fff}.tr-gold .hero h1 span{color:#ebc783}.tr-gold .hero .lead{color:#c5d2e0}.tr-gold .hero .eyebrow{color:#efca83;background:#ffffff08;border-color:#ffffff25}
.tr-gold .hero .cta-primary{background:#edc980;border-color:#edc980;color:#152b42}.tr-gold .hero .cta-secondary{background:#ffffff08;color:#fff;border-color:#65788d}
.tr-gold .hero-visual{background:#ffffff08;border-color:#ffffff22;box-shadow:none}.tr-gold .visual-top{color:#dae3ec;border-color:#ffffff20}.tr-gold .hero .card,.tr-gold .hero .card:first-child{background:#ffffff04;border-color:#ffffff12}.tr-gold .hero .card .label{color:#c7d2de}.tr-gold .hero .sub{color:#b7c5d5}.tr-gold .visual-bottom{color:#aebfd0;border-color:#ffffff20}.tr-gold .hero .value{color:#f4d593}.tr-gold .hero .value.up{color:#73e0ac!important}.tr-gold .hero .value.down{color:#ff9297!important}.tr-gold .hero .value.flat{color:#d8e3ef!important}

.tr-gold .broker-box{--broker-accent:#c83135;display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:26px;background:#fff;border:1px solid #e3e7ed;border-left:4px solid var(--broker-accent);border-radius:14px;padding:22px 26px;margin:0 0 26px;box-shadow:0 4px 16px #18253604}.tr-gold .broker-logo{display:flex;align-items:center;justify-content:center;background:white;border:1px solid #eef0f3;border-radius:9px;padding:12px;width:160px;height:90px}.tr-gold .broker-logo img{max-width:100%;max-height:100%;object-fit:contain}.tr-gold .broker-tag{font-size:10px;letter-spacing:1px;color:#7c8795;text-transform:uppercase}.tr-gold .broker-box h2{font-size:22px;margin:3px 0}.tr-gold .broker-box p{font-size:13px;line-height:1.8;color:#637083;margin:5px 0}.tr-gold .broker-action{display:flex;flex-direction:column;align-items:center;gap:7px}.tr-gold .broker-box .broker-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border-radius:8px;background:var(--broker-accent);color:white;font-size:14px;font-weight:700;white-space:nowrap}.tr-gold .broker-action small{font-size:10px;color:#7c8795}.tr-gold .broker-cta:hover{filter:brightness(.93)}@media(max-width:850px){.tr-gold .broker-box{grid-template-columns:130px 1fr;gap:18px}.tr-gold .broker-logo{width:130px;height:80px}.tr-gold .broker-action{grid-column:2;align-items:flex-start}}@media(max-width:550px){.tr-gold .broker-box{grid-template-columns:1fr;padding:20px;gap:13px}.tr-gold .broker-logo{width:135px;height:76px}.tr-gold .broker-action{grid-column:1;align-items:stretch}.tr-gold .broker-action small{text-align:center}.tr-gold .broker-box h2{font-size:21px}}

/* Full broker brand colors */
.tr-gold .broker-box{background:linear-gradient(115deg,var(--broker-accent),var(--broker-end,var(--broker-accent)));border:0;color:#fff;position:relative;overflow:hidden;padding:27px 28px;box-shadow:0 8px 22px #18253612}.tr-gold .broker-box:after{content:'';position:absolute;right:-60px;top:-90px;width:300px;height:300px;border:40px solid #ffffff08;border-radius:50%;pointer-events:none}.tr-gold .broker-box>div{position:relative;z-index:1}.tr-gold .broker-box .broker-tag{color:#fff;opacity:.75;font-weight:600}.tr-gold .broker-box h2{color:#fff;font-size:24px;line-height:1.5;font-weight:750}.tr-gold .broker-box p{color:#fff;opacity:.94;font-size:14px}.tr-gold .broker-box .broker-risk{font-size:11px;opacity:.75;margin-top:10px}.tr-gold .broker-box .broker-cta{background:#fff;color:#ab1e27;box-shadow:0 4px 14px #00000014;padding:12px 23px}.tr-gold .broker-action small{color:#fff;opacity:.8}.tr-gold .broker-logo{border:0;background:#fff;box-shadow:0 4px 12px #00000010}.tr-gold .broker-box[data-broker="Exness"]{color:#171b22;--broker-accent:#ffcf00;--broker-end:#ffe36a}.tr-gold .broker-box[data-broker="Exness"] h2,.tr-gold .broker-box[data-broker="Exness"] p,.tr-gold .broker-box[data-broker="Exness"] .broker-tag,.tr-gold .broker-box[data-broker="Exness"] .broker-action small{color:#171b22}.tr-gold .broker-box[data-broker="Exness"] .broker-cta{background:#171b22;color:#fff}.tr-gold .broker-box[data-broker="Exness"]:after{border-color:#171b2206}.tr-gold .broker-box[data-broker="HFM"]{--broker-end:#830e23}.tr-gold .broker-box[data-broker="XM"]{--broker-end:#9e1823}@media(max-width:550px){.tr-gold .broker-box{padding:23px 20px}.tr-gold .broker-box h2{font-size:23px}.tr-gold .broker-box p{font-size:13px}.tr-gold .broker-box .broker-risk{font-size:11px}.tr-gold .broker-box:after{right:-130px}}

/* Brand color limited to the logo frame */
.tr-gold .broker-box,.tr-gold .broker-box[data-broker="Exness"]{background:#fff;color:#182536;border:1px solid #e3e7ed;border-left:4px solid var(--broker-accent);box-shadow:0 4px 16px #18253604}.tr-gold .broker-box:after{display:none}.tr-gold .broker-box h2,.tr-gold .broker-box[data-broker="Exness"] h2{color:#182536}.tr-gold .broker-box p,.tr-gold .broker-box[data-broker="Exness"] p{color:#637083;opacity:1}.tr-gold .broker-box .broker-tag,.tr-gold .broker-box[data-broker="Exness"] .broker-tag{color:#7c8795;opacity:1}.tr-gold .broker-action small,.tr-gold .broker-box[data-broker="Exness"] .broker-action small{color:#7c8795;opacity:1}.tr-gold .broker-box .broker-cta{background:var(--broker-accent);color:#fff;box-shadow:none}.tr-gold .broker-box[data-broker="Exness"] .broker-cta{background:#171b22;color:#fff}.tr-gold .broker-logo{background:var(--broker-accent);border:0;box-shadow:none;padding:10px}.tr-gold .broker-logo img{background:#fff;border-radius:4px;padding:4px}.tr-gold .broker-box .broker-risk{opacity:1}

/* Larger logos without colored frames */
.tr-gold .broker-logo{width:180px;height:110px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.tr-gold .broker-logo img{display:block;width:180px;height:110px;max-width:100%;max-height:100%;object-fit:contain;background:transparent;border:0;border-radius:0;padding:0}.tr-gold .broker-box{grid-template-columns:180px 1fr auto}@media(max-width:850px){.tr-gold .broker-box{grid-template-columns:160px 1fr}.tr-gold .broker-logo{width:160px;height:100px}.tr-gold .broker-logo img{width:160px;height:100px}}@media(max-width:550px){.tr-gold .broker-box{grid-template-columns:1fr}.tr-gold .broker-logo{width:180px;height:110px}.tr-gold .broker-logo img{width:180px;height:110px}}

/* Compact broker card for phones */
@media(max-width:700px){.tr-gold .broker-box{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:14px;padding:19px 16px;border-radius:13px;margin-bottom:22px;border-left-width:3px}.tr-gold .broker-logo{width:82px;height:82px;align-self:start;margin-top:4px}.tr-gold .broker-logo img{width:82px;height:82px;object-fit:contain}.tr-gold .broker-box>div:nth-child(2){min-width:0}.tr-gold .broker-box .broker-tag{font-size:9px;line-height:1.6;letter-spacing:.3px;margin-bottom:5px}.tr-gold .broker-box h2{font-size:18px;line-height:1.55;margin:0 0 6px;letter-spacing:-.2px}.tr-gold .broker-box p{font-size:12px;line-height:1.8;margin:0}.tr-gold .broker-box .broker-risk{font-size:10px;line-height:1.75;margin-top:8px;color:#778292}.tr-gold .broker-action{grid-column:1/-1;align-items:stretch;gap:5px;margin-top:1px}.tr-gold .broker-box .broker-cta{width:100%;min-height:48px;padding:12px 16px;font-size:15px;border-radius:9px}.tr-gold .broker-action small{text-align:center;font-size:10px;line-height:1.6}}
@media(max-width:360px){.tr-gold .broker-box{grid-template-columns:68px minmax(0,1fr);gap:11px;padding:17px 13px}.tr-gold .broker-logo,.tr-gold .broker-logo img{width:68px;height:68px}.tr-gold .broker-box h2{font-size:17px}.tr-gold .broker-box p{font-size:12px}}
