/*! Search term miner — tool-specific styles only. */

#drop { position: relative; }
#drop input[type="file"] { position: absolute; inset: 0; }

/* the drop zone is a <label>, so it must not be a block-level flex box that
   the label semantics fight with */
.jbm-drop { display: grid; }

#waste-table th:last-child,
#waste-table td:last-child { width: 92px; }

#waste-table .jbm-term-cell {
  max-width: 340px;
  overflow-wrap: anywhere;
  font-weight: 600;
  color: var(--jbm-ink);
}

.stm-legend { display: flex; align-items: center; gap: .35rem; font-size: .74rem; color: var(--jbm-muted); }
.stm-legend i { width: 18px; height: 9px; border-radius: 2px; display: block; }

.stm-note { font-size: .78rem; color: var(--jbm-muted); }

@media (max-width: 560px) {
  #waste-table { font-size: .82rem; }
  #waste-table th:last-child, #waste-table td:last-child { width: 74px; }
  #waste-table .jbm-term-cell { max-width: 150px; }
  #waste-table th:nth-child(5), #waste-table td:nth-child(5) { display: none; }
}