/* ===================================
   TABLES CSS
   Table styles and column width utilities
   =================================== */

/* Table Column Widths */
.table th.col-logo {
  width: 60px;
}

.table th.col-symbol {
  width: 80px;
}

.table th.col-company {
  width: 150px;
}

.table th.col-quantity {
  width: 100px;
}

.table th.col-value {
  width: 120px;
}

.table th.col-pl {
  width: 100px;
}

.table th.col-change {
  width: 100px;
}

.table th.col-actions {
  width: 50px;
}

.table th.col-date {
  width: 120px;
}

.table th.col-type {
  width: 100px;
}

.table th.col-ratio {
  width: 120px;
}

.table th.col-ticker {
  width: 120px;
}

.table th.col-split-date {
  width: 150px;
}

.table th.col-split-ratio {
  width: 120px;
}

/* Table Image Sizing */
.table img.stock-logo {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

/* Table Responsive */
@media (max-width: 768px) {
  .table th.col-logo,
  .table th.col-company,
  .table th.col-value,
  .table th.col-pl,
  .table th.col-actions {
    display: none;
  }

  .table td.col-logo,
  .table td.col-company,
  .table td.col-value,
  .table td.col-pl,
  .table td.col-actions {
    display: none;
  }
}