/* External metal watchlist: the light desk palette keeps units and status readable. */
.metals-page .metals-hero { border-top: 4px solid #68162f; }
.metals-disclaimer { margin-top: 18px; border-inline-start: 4px solid #a2762f; background: #fff9ef !important; }
.metals-disclaimer strong { color: #67470f; }
.metals-disclaimer p { margin: 7px 0 0; }
.metals-table-panel { margin-top: 18px; }
.metals-table-scroll { overflow-x: auto; }
.metals-table-scroll table { min-width: 820px; }
.metals-table-scroll th, .metals-table-scroll td { vertical-align: middle; }
.metals-table-scroll tbody th { min-width: 160px; color: #25313a !important; }
.metals-table-scroll tbody th small, .metals-table-scroll td small { display: block; margin-top: 3px; color: #68757d !important; font-size: .7rem; font-weight: 500; }
.metal-symbol { display: inline-block; min-width: 55px; margin-inline-end: 7px; color: #68162f; font-size: .72rem; font-weight: 800; letter-spacing: .04em; }
.metal-name { color: #25313a; font-weight: 700; }
.metals-table-scroll td { font-variant-numeric: tabular-nums; white-space: nowrap; }
.metal-status { display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 8px; font-size: .7rem; font-weight: 750; }
.metal-status.is-live { color: #23633a; background: #eaf5ec; border: 1px solid #bbddc3; }
.metal-status.is-pending { color: #7b5b20; background: #fbf3df; border: 1px solid #ead7a6; }
.metals-mini-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.metal-mini-card { display: flex; flex-direction: column; gap: 5px; padding: 15px; background: #fbfaf7; border: 1px solid #e2dbd2; border-radius: 9px; }
.metal-mini-card span { color: #68162f; font-weight: 750; }
.metal-mini-card strong { color: #67470f; font-size: 1rem; font-variant-numeric: tabular-nums; }
.metal-mini-card small { color: #68757d; font-size: .7rem; }
.metals-preview-panel { margin-top: 18px; }
.metal-notes-panel { margin-top: 18px; }
.metal-notes-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
.metal-notes-grid article { padding: 13px 0; border-bottom: 1px solid #e8e2da; }
.metal-notes-grid h3 { margin: 0 0 4px; color: #293841 !important; font-size: .93rem; }
.metal-notes-grid h3 span { color: #68162f; font-size: .74rem; letter-spacing: .04em; margin-inline-end: 4px; }
.metal-notes-grid p { margin: 0; color: #56656e !important; font-size: .79rem; line-height: 1.58 !important; }
@media (max-width: 850px) { .metals-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .metal-notes-grid { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .metals-mini-grid { grid-template-columns: 1fr; } }

.metals-table-scroll tbody th a{display:inline-flex;align-items:center;gap:8px;color:#68162f;text-decoration:none}.metals-table-scroll tbody th a:hover{text-decoration:underline;text-underline-offset:3px}
.metal-detail-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.metal-detail-value-grid>div{min-width:0;padding:17px;border:1px solid #e4ded5;border-radius:8px;background:#fbfaf7}.metal-detail-value-grid span,.metal-detail-value-grid strong,.metal-detail-value-grid small{display:block}.metal-detail-value-grid span{color:#5d6972;font-size:.75rem}.metal-detail-value-grid strong{color:#67470f;font-size:1.18rem;font-variant-numeric:tabular-nums;margin-top:8px}.metal-detail-value-grid small{color:#6d787f;font-size:.7rem;margin-top:4px}.metal-detail-context p{max-width:80ch;color:#4e5b65;line-height:1.7}.metal-detail-context p:last-child{margin-bottom:0}.metal-detail-links .market-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metal-mini-card{color:inherit;text-decoration:none!important;transition:border-color .15s,transform .15s}.metal-mini-card:hover{border-color:#a98590;transform:translateY(-1px)}.metal-mini-card small+small{color:#721a36;font-weight:750;margin-top:4px}
@media(max-width:700px){.metal-detail-value-grid{grid-template-columns:1fr}.metal-detail-links .market-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.metal-detail-links .market-link-grid{grid-template-columns:1fr}}