/* trading/static/trading/css/tables.css */

/* ===============================
   FIXED TABLE LAYOUT (GLOBAL)
   =============================== */

.table-fixed {
  table-layout: fixed;
  width: 100%;
}

/* Prevent long text from breaking layout */
.table-fixed td,
.table-fixed th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===============================
   SEMANTIC COLUMN WIDTHS
   =============================== */

.col-time {
  width: 140px;
}

.col-strategy {
  width: 180px;
}

.col-symbol {
  width: 220px;
}

.col-side {
  width: 60px;
  text-align: center;
}

.col-qty {
  width: 60px;
  text-align: center;
}

.col-price {
  width: 70px;
  text-align: right;
}

.col-pnl {
  width: 100px;
  text-align: right;
}

.col-status {
  width: 100px;
}

.col-long {
  width: 200px;
}

/* ===============================
   GLOBAL TABLE ALIGNMENT
   =============================== */

/* ===============================
   HEADER ALIGNMENT (STRICT)
   =============================== */

.table-fixed thead th {
  text-align: center !important;
  vertical-align: middle;
}

/* ===============================
   BODY CELL ALIGNMENT
   =============================== */

.table-fixed tbody td {
  text-align: center;
  vertical-align: middle;
}

/* ===============================
   NUMERIC BODY OVERRIDES ONLY
   =============================== */

.table-fixed tbody td.col-price,
.table-fixed tbody td.col-pnl {
  text-align: right !important;
}

.table-fixed tfoot th {
  vertical-align: middle;
  text-align: right !important;
}