/* Market widgets: gold, silver and currency converter */
.mkt-loading,.mkt-empty{margin:0;color:var(--gray-500)}
.mkt-empty .btn{margin-left:10px;padding:8px 16px}
.mkt-label{color:var(--gray-600);font-size:1rem;font-weight:600}
.mkt-price{margin:6px 0 10px;color:var(--black);font-size:clamp(2.3rem,7vw,3.4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;overflow-wrap:anywhere}
.mkt-price small{color:var(--gray-600);font-size:.42em;font-weight:700;letter-spacing:0}
.mkt-chg{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:999px;font-size:.9rem;font-weight:700;white-space:nowrap}
.mkt-chg.up{color:#15803d;background:#dcfce7}
.mkt-chg.down{color:#b91c1c;background:#fee2e2}
.mkt-chg.flat{color:var(--gray-600);background:var(--gray-100)}
.mkt-since{margin-left:6px;color:var(--gray-500);font-size:.85rem}
.mkt-time{margin-top:10px;color:var(--gray-500);font-size:.82rem}
.mkt-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}
.mkt-controls label,.mkt-calc label{display:flex;flex-direction:column;gap:6px;color:var(--gray-600);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.mkt-controls .tool-select,.mkt-calc .tool-select,.mkt-calc .tool-input{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:500}
.mkt-chart{padding:12px 14px 10px;border:1px solid var(--gray-200);border-radius:14px;background:#fff}
.mkt-tabs{display:flex;gap:4px;margin-bottom:6px}
.mkt-tabs button{padding:6px 14px;border:0;border-radius:999px;background:transparent;color:var(--gray-600);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.mkt-tabs button.on{background:var(--green-light);color:var(--green-dark)}
.mkt-plot{position:relative}
.mkt-plot svg{display:block;width:100%;height:200px;touch-action:pan-y;cursor:crosshair}
.mkt-tip{position:absolute;top:-4px;transform:translateX(-50%);padding:4px 9px;border-radius:6px;background:var(--black);color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none}
.mkt-axis{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:var(--gray-500);font-size:.74rem}
.mkt-h{margin:28px 0 12px;font-size:1.05rem}
.mkt-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.mkt-table>*{min-width:0}
.mkt-table>*{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 16px;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50);color:inherit;font:inherit;text-align:left}
.mkt-table>.on{border-color:var(--green);background:#f0fdf4}
.mkt-table span:first-child{color:var(--gray-600);font-size:.8rem;font-weight:600}
.mkt-table strong{color:var(--black);font-size:1.15rem}
.mkt-table em{color:var(--gray-500);font-size:.75rem;font-style:normal}
.mkt-table .mkt-chg{padding:2px 8px;font-size:.72rem}
.mkt-rates button{cursor:pointer;transition:border-color var(--transition)}
.mkt-rates button:hover{border-color:var(--green)}
.mkt-calc{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;align-items:end}
.mkt-calc .tool-input,.mkt-calc .tool-select{height:50px;padding-top:0;padding-bottom:0}
.mkt-calc-out{display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:10px 16px;border-radius:12px;background:var(--black);color:#fff}
.mkt-calc-out span{color:#d1d5db;font-size:.78rem}
.mkt-calc-out strong{font-size:1.2rem}
.mkt-conv{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:24px 0}
.mkt-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);overflow:hidden;border:1px solid var(--gray-300);border-radius:12px;background:#fff}
.mkt-pair:focus-within{border-color:var(--green-dark);outline:3px solid rgba(46,160,67,.15)}
.mkt-pair .tool-input,.mkt-pair .tool-select{border:0;border-radius:0;outline:0;font-size:1.1rem}
.mkt-pair .tool-input{font-weight:700}
.mkt-pair .tool-select{border-left:1px solid var(--gray-200);background:var(--gray-50)}
.mkt-swap{width:46px;height:46px;border:1px solid var(--gray-300);border-radius:50%;background:#fff;color:var(--black);font-size:1.2rem;cursor:pointer;transition:transform var(--transition),border-color var(--transition)}
.mkt-swap:hover{border-color:var(--green-dark);transform:rotate(180deg)}
.mkt-note{margin-top:18px;color:var(--gray-500);font-size:.85rem;line-height:1.6}
.mkt-note a{color:var(--green-dark);font-weight:600}
@media(max-width:640px){.mkt-controls{grid-template-columns:1fr 1fr}.mkt-calc{grid-template-columns:1fr 1fr}.mkt-calc-out{grid-column:1/-1}.mkt-conv{grid-template-columns:1fr}.mkt-swap{justify-self:center;transform:rotate(90deg)}.mkt-swap:hover{transform:rotate(270deg)}.mkt-table{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt-table strong{font-size:1.02rem;overflow-wrap:anywhere}.mkt-table .mkt-chg{white-space:normal}.mkt-rates{grid-template-columns:1fr;gap:6px}.mkt-rates button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px}.mkt-rates button strong{grid-column:2;grid-row:1;text-align:right}.mkt-rates button .mkt-chg{grid-column:2;grid-row:2;justify-self:end}.mkt-rates button em{grid-column:1;grid-row:2}.mkt-plot svg{height:170px}.mkt-axis span:nth-child(2){display:none}}