.market {
    max-width: 1100px;
    margin: 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #d8dee4;
    border-radius: 6px;
}

.market-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

.market h2 {
    margin: 0;
    font-size: 20px;
}

#market-status {
    color: #66717d;
    font-size: 13px;
}

.market-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.market-table th,
.market-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #e5e9ee;
    text-align: right;
    white-space: nowrap;
}

.market-table th:first-child,
.market-table td:first-child,
.market-table th:nth-child(2),
.market-table td:nth-child(2) {
    text-align: left;
}

.market-table th {
    color: #66717d;
    font-weight: 700;
    background: #f6f8fa;
}

.market-table tbody tr.traced td {
    background: #dff6e9;
}

.market-table tbody tr.traced:hover td {
    background: #d2efdf;
}

.market-table tbody tr.spread-ok td {
    background: #dff6e9;
}

.market-table tbody tr.spread-ok:hover td {
    background: #d2efdf;
}

.market-table tbody tr.spread-too-wide td {
    background: #fce8e6;
}

.market-table tbody tr.spread-too-wide:hover td {
    background: #f8d9d5;
}

.sort-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.sort-button:hover {
    color: #087f8c;
}

.market-table tr.positive .cell-percentile {
    color: #087f5b;
}

.market-table tr.negative .cell-percentile {
    color: #b42318;
}

.market-table .cell-age {
    color: #66717d;
    font-variant-numeric: tabular-nums;
}

.market-table .cell-age.quote-stale {
    color: #b42318;
    font-weight: 700;
}

.market-table .updated-yes {
    color: #087f5b;
    font-weight: 700;
}

.market-table .updated-no {
    color: #b42318;
    font-weight: 700;
}

.market-table .updated-tried {
    color: #b7791f;
    font-weight: 700;
}

.market-table tbody tr td.cell-ask.next-entry-buy {
    background: #b7f0c8;
    color: #086b3a;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px #1f9d55;
}

.market-table tbody tr td.cell-bid.next-entry-sell {
    background: #ffd0cc;
    color: #9f1c12;
    font-weight: 700;
    box-shadow: inset 0 0 0 2px #d6453a;
}