/* Company railway dashboards: explicit desktop rows and compact ranking lines.
   This file is intentionally scoped to the supplier/consumer railway cards. */
.supplier-rail-dashboard.dashboard-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.supplier-rail-dashboard.dashboard-grid > .dashboard-card {
  grid-column: span 3;
  min-width: 0;
}
.supplier-rail-dashboard.dashboard-grid > .dashboard-card:first-child {
  grid-column: span 6;
}
.supplier-rail-dashboard.dashboard-grid > .dashboard-card:nth-child(n + 4) {
  grid-column: span 6;
}

/* More specific than the old 4-column rule in buyer-tenders.css, which is
   loaded later and previously forced each 3-column card onto its own row. */
#company-shipments .buyer-rail-dashboard.dashboard-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#company-shipments .buyer-rail-dashboard.dashboard-grid > .dashboard-card {
  grid-column: auto;
  min-width: 0;
}

/* Supplier rankings: label and numbers share one compact row rather than
   putting numbers below each title with large vertical gaps. */
#company-supply .supplier-rail-dashboard .supplier-rail-rank-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, min(62%, 210px));
  column-gap: 8px;
  align-items: center;
  margin-top: 0;
  padding: 8px 0;
}
#company-supply .supplier-rail-dashboard .supplier-rail-rank-head {
  width: min(62%, 210px);
  margin: 10px 0 4px auto;
  grid-template-columns: minmax(0, 1fr) 50px 38px;
  gap: 4px;
}
#company-supply .supplier-rail-dashboard .supplier-rail-rank-values {
  width: 100%;
  min-width: 0;
  margin-top: 0;
  grid-template-columns: minmax(0, 1fr) 50px 38px;
  gap: 4px;
  font-size: 10px;
}
#company-supply .supplier-rail-dashboard .supplier-rail-rank-title {
  line-height: 1.25;
}

/* Two-column tablet; the chart gets a full line so it stays readable. */
@media (max-width: 1200px) {
  .supplier-rail-dashboard.dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .supplier-rail-dashboard.dashboard-grid > .dashboard-card,
  .supplier-rail-dashboard.dashboard-grid > .dashboard-card:nth-child(n + 4) {
    grid-column: span 1;
  }
  .supplier-rail-dashboard.dashboard-grid > .dashboard-card:first-child {
    grid-column: span 2;
  }
}
@media (max-width: 820px) {
  .supplier-rail-dashboard.dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .supplier-rail-dashboard.dashboard-grid > .dashboard-card,
  .supplier-rail-dashboard.dashboard-grid > .dashboard-card:first-child {
    grid-column: span 1;
  }
  #company-shipments .buyer-rail-dashboard.dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}