/* ============================================================
   VIEWS / EQUIPMENT
   Generated by scripts/migrate-css.php z index_2.html
   ============================================================ */

/* ------------------------------------------------------------
   EQUIPMENT TABS
   ------------------------------------------------------------ */
.tabs {
  display: flex;
  gap: 0;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
  scrollbar-width: thin;
}
.tabs::-webkit-scrollbar { height: 4px; }
.tab {
  padding: 10px 18px;
  background: transparent;
  border: none;
  color: var(--text-mute);
  font-family: var(--f-display);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  transition: color var(--t);
}
.tab::after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--orange);
  transform: scaleX(0);
  transition: transform var(--t);
}
.tab:hover { color: var(--text-strong); }
.tab.active { color: var(--orange); }
.tab.active::after { transform: scaleX(1); }
.tab-cnt {
  font-family: var(--f-mono);
  font-size: 0.5625rem;
  opacity: 0.6;
  margin-left: 5px;
}

.mod-cell {
  font-family: var(--f-mono);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  text-align: center;
  font-size: 0.8125rem;
}
.mod-cell.pos { color: var(--green-ok); }
.mod-cell.neg { color: var(--red-warn); }
.mod-cell.none { color: var(--text-ghost); }