.forex-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid #ffffff25}
.history-panel{margin-top:36px;padding:24px;border:1px solid #ffffff25;border-radius:8px}.history-panel h2{margin-bottom:18px}.history-panel label{display:block;margin-block:18px}.history-panel input{display:block;width:min(100%,480px);box-sizing:border-box;padding:12px;margin-top:8px;background:#181d20;color:#fff;border:1px solid #ffffff60;border-radius:4px;font:inherit}.history-panel p{margin-block:14px;line-height:1.7}.history-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.connection-toggle:disabled{opacity:.5;cursor:not-allowed}.history-panel details{margin-top:18px;overflow-wrap:anywhere}.history-panel summary{cursor:pointer}.history-panel [hidden],form[hidden]{display:none}
.connection-toggle{font:inherit;padding:12px 18px;border:1px solid #83dbcb;border-radius:5px;background:#282d30;color:#fff;cursor:pointer;margin-bottom:12px}
.connection-toggle:hover{background:#354749}.connection-toggle:focus-visible{outline:3px solid var(--design);outline-offset:3px}
.forex-header>a:last-child{font-size:14px;color:var(--muted)}
.forex-main{padding-block:64px}.forex-main h1{margin-top:12px}.intro{margin-top:20px;color:var(--muted);line-height:1.7}
.feed-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-block:36px 20px;padding:16px 20px;border:1px solid #ffffff25;border-radius:6px;background:#0002;font-size:14px}
#feed-status{color:var(--design)}#feed-status[data-state="connected"]{color:#83dbcb}
#feed-environment{color:var(--muted)}.price-table{overflow-x:auto;border:1px solid #ffffff25;border-radius:8px;background:#282d30}
table{width:100%;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}caption{text-align:left;padding:18px;color:var(--muted);font-size:13px}
th,td{padding:18px;border-top:1px solid #ffffff15}thead th{font-size:12px;font-weight:600;color:var(--muted)}th:first-child{text-align:left}tbody th{font-weight:500;color:#fff}td{font-size:15px}td:last-child{font-size:12px;color:var(--muted)}
td:not(:last-child){color:#fff}td.up{color:#4ade80!important}td.down{color:#f87171!important}.stale td:last-child{color:#c9ba95}.price-note{max-width:850px;margin-top:22px;font-size:13px;line-height:1.8;color:var(--muted)}
@media(max-width:600px){.forex-main{padding-block:36px}th,td{padding:14px}.forex-header>a:last-child{font-size:12px}}