.metals-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.metals-heading h1{font-size:25px;margin:4px 0}.metals-heading .eyebrow{font-size:11px;margin:0;color:#e8c567}.metal-intro{color:var(--muted);font-size:13px;line-height:1.7;margin:8px 0 18px}.metal-periods{display:flex;gap:6px}.metal-periods button,.metal-reset{background:#354b65;border:1px solid #708bad;border-radius:6px;padding:5px 12px;font-size:13px}.metal-periods button[aria-pressed=true]{background:#efd588;color:#332b12;border-color:#fff0ad}.metals-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metal-card{min-width:0;position:relative;overflow:hidden;border:1px solid #62748d;border-radius:14px;background:#29394e}.metal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px 0}.metal-name{display:flex;align-items:center;gap:10px}.metal-element{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#ecd18b;color:#3e3216;font-size:22px;font-weight:750}.metal-card[data-metal=XPT] .metal-element{background:#bed7ed;color:#263d57}.metal-name h2{font-size:18px;margin:0 0 3px}.metal-name div>span,.metal-status{font-size:11px;color:var(--muted)}.metal-status{max-width:46%;text-align:right}.metal-status.fresh{color:#74dfb7}.metal-status.stale{color:#edc788}.metal-quote{padding:12px 18px 0;display:flex;align-items:baseline;gap:10px}.metal-price{font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#f1d990}.metal-card[data-metal=XPT] .metal-price{color:#c3def6}.metal-quote small{color:var(--muted)}.metal-time{margin:5px 18px 8px;font-size:11px;color:var(--muted)}.metal-chart{height:340px;touch-action:none;overscroll-behavior:none}.metal-empty{position:absolute;left:20px;right:80px;top:260px;text-align:center;color:#d7e0ec;font-size:13px;pointer-events:none}.metal-empty[hidden]{display:none}.metal-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid #52667f;font-size:12px;color:var(--muted)}.metals-source{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;line-height:1.7}.metals-source a{color:var(--accent)}@media(max-width:760px){.metals-grid{grid-template-columns:1fr;gap:12px}.metals-heading{align-items:flex-start;flex-wrap:wrap}.metals-heading h1{font-size:22px}.metal-chart{height:290px}.metal-quote{padding-top:9px}.metal-price{font-size:30px}.metal-head{padding:12px 14px 0}.metal-empty{top:240px}}

@media(min-width:1150px){.metals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.metal-card[data-metal=XAG] .metal-element{background:#e1e7ee;color:#354155}.metal-card[data-metal=XAG] .metal-price{color:#e4e9f3}.metal-count{font-size:11px;line-height:1.6}.metal-bottom{gap:8px}.metal-empty{top:210px;background:#29394ed9;border-radius:6px;padding:5px 8px;width:max-content;max-width:calc(100% - 90px);margin:0 auto}.metal-reset{flex-shrink:0}

.metal-empty{z-index:3}

.tv-panel{margin:14px 0 18px}.tv-tabs{display:flex;gap:8px;flex-wrap:wrap}.tv-tabs button,#tv-retry{border:1px solid #718ba9;border-radius:7px;background:#354862;padding:7px 12px;font-size:13px}.tv-tabs button[aria-pressed=true]{background:#efd588;color:#332b12;border-color:#fff0ad}#tv-metals{height:650px;height:min(72vh,780px);min-height:440px;background:#131722;border:1px solid #52667f;border-radius:10px;overflow:hidden}.tradingview-widget-copyright{font-size:12px;text-align:center;line-height:32px}.tradingview-widget-copyright a,.tv-help a{color:#a9cfff}.tv-help{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.sample-details>summary{cursor:pointer;color:#d5f58b;padding:12px 0}.sample-details .metal-periods{margin:8px 0}.tv-panel .metal-intro{font-size:12px}@media(max-width:600px){#tv-metals{height:65vh;min-height:420px}.tv-tabs{gap:5px}.tv-tabs button{padding:6px 8px;font-size:12px}}