/* =============================================================================
   market-history.css - Styles for the Exchange › History tab
   ============================================================================= */

/* ---------------------------------------------------------------------------
   Filter toolbar (History group + Category group)
   --------------------------------------------------------------------------- */

.mkt-history-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-md) var(--space-xl);
    padding: 0 0 var(--space-md);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: var(--space-lg);
}

.mkt-history-filter-group {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.mkt-history-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
    align-items: center;
}

/* ---------------------------------------------------------------------------
   Column widths - applied to both <th> and <td> across Orders, Claims,
   and History tables via the shared mkt-col--* classes.
   --------------------------------------------------------------------------- */

.mkt-col--type,
.mkt-col--location,
.mkt-col--qty,
.mkt-col--price,
.mkt-col--total,
.mkt-col--time,
.mkt-col--status,
.mkt-col--actions {
    width: 9rem;
}

.mkt-col--time,
.mkt-col--type,
.mkt-col--status {
    text-align: right;
}

.mkt-col--actions {
    text-align: center;
}

.mkt-col--location {
    max-width: 9rem;
}

/* Headers: never use text-overflow ellipsis (… sits off the baseline in our fonts) */
.mkt-th.mkt-col--location {
    overflow: visible;
    white-space: nowrap;
}

.mkt-td.mkt-col--location {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#market-panel .ob-module {
    margin-bottom: var(--space-xl);
}

/* Category filter chips in Exchange/History - icon-only, no labels */
#market-panel .mkt-history-chips .mkt-cat-label {
    display: none;
}

#market-panel .mkt-history-chips .mkt-cat-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    max-width: 40px;
    padding: 0;
}

#market-panel .mkt-history-chips .mkt-cat-icon {
    margin-right: 0;
}

@media (max-width: 600px) {
    .mkt-table--orders .mkt-col--time,
    .mkt-table--orders .mkt-col--status,
    .mkt-table--history .mkt-col--time {
        display: none;
    }
}