select {
  width: 100%;
  border: 1px solid var(--line);
  background: var(--card);
  border-radius: 4px;
  padding: 14px 15px;
  color: var(--ink);
  font: 500 16px/1 monospace;
  outline: none;
}

select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px #1f6b5518;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
}

.field-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.field-table th,
.field-table td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.field-table thead th {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.field-table tbody th {
  min-width: 145px;
  color: var(--muted);
  font-weight: 500;
}

.field-table td:nth-child(2) {
  min-width: 180px;
  font-family: monospace;
  word-break: break-all;
}

.field-table td:nth-child(3) {
  min-width: 220px;
  color: var(--green);
  font-family: monospace;
}

.field-table .zone-row th {
  padding: 13px 12px 8px;
  background: #1f6b550d;
  color: var(--green);
  font: 750 12px/1.4 monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}