@import url('/static/ntin_tracking_ui.css?v=20260704-1');

/* Keep long product names inside the NTIN product column. */
.ntin-product {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.ntin-product strong {
  display: -webkit-box;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.ntin-product small {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ntin-code,
.ntin-table td:nth-child(2) {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
}

.ntin-code-empty {
  display: block;
  color: #475569;
  font-weight: 700;
  line-height: 1.25;
}

.ntin-code-source {
  display: block;
  max-width: 100%;
  margin-top: 5px;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: normal;
}

.ntin-code-source-ok {
  color: #15803d;
}

.ntin-code-source-warn {
  color: #b45309;
}

.ntin-code-source-muted {
  color: #64748b;
}

.ntin-pill {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 761px) {
  .ntin-table {
    width: 100%;
    min-width: 1060px;
    table-layout: fixed;
  }

  .ntin-table th,
  .ntin-table td {
    box-sizing: border-box;
    min-width: 0;
    overflow: hidden;
  }

  .ntin-table th:nth-child(1),
  .ntin-table td:nth-child(1) { width: 38%; }
  .ntin-table th:nth-child(2),
  .ntin-table td:nth-child(2) { width: 12%; }
  .ntin-table th:nth-child(3),
  .ntin-table td:nth-child(3) { width: 16%; }
  .ntin-table th:nth-child(4),
  .ntin-table td:nth-child(4) { width: 15%; }
  .ntin-table th:nth-child(5),
  .ntin-table td:nth-child(5) { width: 13%; }
  .ntin-table th:nth-child(6),
  .ntin-table td:nth-child(6) { width: 6%; }
}
