/* ===================================
   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 - hide non-critical columns on small screens */
@media (max-width: 768px) {
  .table th.col-logo,
  .table th.col-company {
    display: none;
  }

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

  /* Improve touch targets for action buttons on mobile */
  .table .btn-sm {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}