/* Value Calculator: dark metals table */
.vc-wrap{max-width:560px;margin:0 auto;padding:0 0 36px!important;background:#000;min-height:60vh}
.vc-top{display:flex;align-items:center;justify-content:center;position:relative;background:#0d0d0f;padding:14px 56px;border-bottom:1px solid #222}
.vc-title{font-size:1.25rem;font-weight:800;margin:0;color:#fff;letter-spacing:.2px}
.vc-refresh{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--gold,#f4c25a);cursor:pointer;display:grid;place-items:center}
.vc-refresh.spin svg{animation:vcspin .9s linear infinite}
@keyframes vcspin{to{transform:rotate(360deg)}}
.vc-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:#111;border-bottom:1px solid #222;font-size:.88rem;color:#cfcfcf}
.vc-time{font-variant-numeric:tabular-nums}
.vc-auto{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.vc-auto input{position:absolute;opacity:0;width:1px;height:1px}
.vc-switch{width:38px;height:22px;border-radius:11px;background:#444;position:relative;transition:background .2s}
.vc-switch::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s}
.vc-auto input:checked+.vc-switch{background:var(--gold,#f4c25a)}
.vc-auto input:checked+.vc-switch::after{left:19px}
.vc-auto input:focus-visible+.vc-switch{outline:2px solid var(--glow,#5fb4ff)}
.vc-status{margin:0;padding:0 14px;color:#ffb44d;font-size:.85rem;min-height:0}
.vc-status:empty{display:none}
.vc-sec{border-bottom:1px solid #1d1d1d}
.vc-head{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#3a3a3c;padding:7px 10px}
.vc-hl{display:flex;align-items:center;gap:8px;min-width:0}
.vc-hr{display:flex;gap:6px}
.vc-tog{width:26px;height:26px;border-radius:6px;border:1px solid #666;background:#2a2a2c;color:#fff;font:800 1.1rem/1 system-ui,sans-serif;cursor:pointer;padding:0}
.vc-name{font-weight:800;font-size:1.05rem;color:#fff}
.vc-spotrow{display:flex;justify-content:space-between;padding:6px 12px;background:#161618;color:#bdbdbd;font-size:.8rem;font-variant-numeric:tabular-nums}
.vc-spot{color:#fff;font-weight:700}
.vc-sel{background:#1f1f21;color:#fff;border:1px solid #666;border-radius:6px;padding:5px 6px;font:700 .85rem system-ui,sans-serif}
.vc-sec.closed .vc-body{display:none}
.vc-row{display:grid;grid-template-columns:minmax(78px,1.1fr) 54px 54px 28px minmax(88px,1.2fr);gap:6px;align-items:center;padding:9px 12px;border-top:1px solid #1d1d1d;background:#000}
.vc-row:nth-child(odd){background:#0a0a0b}
.vc-k{font-weight:800;color:#fff}
.vc-pct{color:#9a9a9a;font-size:.85rem;font-variant-numeric:tabular-nums}
.vc-qty{width:100%;padding:5px 6px;border-radius:5px;border:1px solid #444;background:#141416;color:#fff;font:700 .92rem system-ui,sans-serif;text-align:center;font-variant-numeric:tabular-nums}
.vc-qty:focus{outline:none;border-color:var(--gold,#f4c25a)}
.vc-u{color:#9a9a9a;font-size:.82rem}
.vc-v{text-align:right;font-weight:800;color:var(--gold,#f4c25a);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.vc-note{margin:0;padding:8px 12px 10px;color:#8a8a8a;font-size:.78rem;background:#000}
.vc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;color:#cfcfcf;font-size:.88rem;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.vc-reset{background:transparent;border:1px solid #555;border-radius:999px;color:#cfcfcf;padding:6px 12px;font:700 .8rem system-ui,sans-serif;cursor:pointer}
.vc-disc{margin:4px 14px 0;color:#9a9a9a;font-size:.8rem;line-height:1.5}
.vc-links{margin:10px 14px 0;font-size:.9rem}
.vc-links a{color:var(--glow,#5fb4ff)}
.vc-nfa{margin:12px 14px 0;font-weight:900;color:#fff}
@media(max-width:380px){.vc-row{grid-template-columns:minmax(70px,1fr) 50px 48px 24px minmax(80px,1.2fr);padding:8px 8px;gap:4px}.vc-sel{font-size:.78rem;padding:4px}}
.vc-sel{max-width:118px}
